Vue エラー Below is a rendering of the page up to the first error.

Vue.jsを利用して＠clickを追加した後、このエラーが表示されました。

This page contains the following errors:
error on line 46 at column 39: error parsing attribute name
Below is a rendering of the page up to the first error.

v-on:clickを利用して

This page contains the following errors:
error on line 46 at column 61: Namespace prefix v-on for click on button is not defined
Below is a rendering of the page up to the first error.

ようなエラーが表示されました。

原因はファイルの拡張子は.xhtml。これはhtmlの規則によって厳しく検査します。ファイルの名称を.htmlに変更して解決しまた。