html文件v-on报错

v-on 是 Vue.js 框架中用于绑定事件的指令，如果在 HTML 文件中使用 v-on 报错，可能是因为没有正确引入 Vue.js 库或者没有正确声明 Vue 实例。

请确保在 HTML 文件中正确引入 Vue.js 库，例如：

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

然后在 JavaScript 中声明 Vue 实例，例如：

<div id="app">
  <button v-on:click="showMessage">点击我</button>
</div>

<script>
  var app = new Vue({
    el: '#app',
    methods: {
      showMessage: function () {
        alert('Hello World!');
      }
    }
  });
</script>

在上面的例子中，我们在 button 标签上使用了 v-on 指令绑定了 click 事件，并在 Vue 实例中声明了 showMessage 方法来处理这个事件。这样，当用户点击按钮时，就会弹出一个对话框显示 "Hello World!"。