<p>{{ message }}</p>
<input v-model="message">
双向绑定
data：{
message：'AAA'
}
<span v-once>This will never change: {{ msg }}</span> v-once 只显示一次 再次改变msg的值的话不会变
<div>{{reversemessage}}</div>
data:{
message:'abc'
}
computed:{
reversemessage:function(){
return this.message.split(''),reverse().join('')
}
}
watch:{ 观察函数
message:function(val){ 如果message有变化 那么就触发这个函数，val为变化的值
}
}
computed: {
fullName: {
// getter
get: function () {
return this.firstName + ' ' + this.lastName
},
// setter
set: function (newValue) {
var names = newValue.split(' ')
this.firstName = names[0]
this.lastName = names[names.length - 1]
}
}
}
如果fullName值被改变 那么就会触发set 然后get