Vue.js 入门：简单计数器示例

以下是一个简单的 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' 方法。