本文介绍了一个简单的 Vue.js 应用案例，通过点击按钮实现页面上显示消息的反转。该应用采用 Vue.js 的基本语法和数据绑定特性，演示了如何使用方法(methods)来改变数据并即时更新视图。
1.html
<div id="app">
<p>{{message}}</p>
<button v-on:click="reverseMessage">Reverse Message</button>
</div>
2.script
var app = new Vue({
el:'#app',
data:{
message:"hello vue!"
},
methods:{
reverseMessage:function(){
this.message = this.message.split().reverse().join('');
}
}
})
扫一扫
1824
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
