<div id="app_1">
<p>{{message}}</p>
<button v-on:click="reverseMessage">反转信息</button>
</div>
<script>
var app_1=new Vue({
el:'#app_1',
data:{
message:'123456789'
},
methods:{
reverseMessage:function () {
this.message=this.message.split('').reverse().join('') //反转字符串
}
}
})
</script>
<div id="app_2">
<p>{{message}}</p>
<input type="text" v-model="message">
/*v-model:实时对应p段落内容*/
</div>
<script>
var app_2=new Vue({
el:'#app_2',
data:{
message:'abcdefg'
}
})
app_2.message='123456'
</script>