我正在学习VUE,请给我一个简单的例子
以下是一个简单的 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 方法。
原文地址: http://www.cveoy.top/t/topic/cyP 著作权归作者所有。请勿转载和采集!