以下是一个简单的 Vue 示例,它显示一个按钮,当点击按钮时会更新一个计数器:

HTML:

<div id="app">
  <button @click="incrementCounter">Click me</button>
  <p>Counter: {{ counter }}</p>
</div>

JavaScript:

new Vue({
  el: '#app',
  data: {
    counter: 0
  },
  methods: {
    incrementCounter: function() {
      this.counter++;
    }
  }
});

在这个示例中,我们使用了 Vue 的 data 选项来定义一个 counter 变量。然后,我们使用 methods 选项来定义一个 incrementCounter 方法,该方法会在按钮被点击时将计数器加一。最后,我们使用 {{ counter }} 来在 HTML 中显示计数器的值,并使用 @click 事件监听器来触发 incrementCounter 方法。

我正在学习VUE,请给我一个简单的例子

原文地址: http://www.cveoy.top/t/topic/cyP 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录