body部分:
<div id="app">
{{message}}
<p ref='hello'>你好</p>
</div>
js部分:
var vm=new Vue({
el:'#app',
data:{
message:'hello world'
},
uname:'jack',
age:18
})
//el)
vm.data)
//options 獲取Vue實(shí)例中的自定義屬性
console.log(vm.options.age)
//refs 獲取所有帶ref屬性的元素
console.log(vm.refs.hello)
計(jì)算屬性:
案例:hello Vue變成 Vue===hello 雖然{{}}可以解析數(shù)據(jù)叠赐,但是{{}}中不能寫復(fù)雜的邏輯屬性玷过,所有復(fù)雜的業(yè)務(wù)邏輯都要使用計(jì)算屬性
<div id='itany'>
<h1>{{msg}}</h1>
<a href="#">{{revMsg}}</a>
</div>
new Vue({
el:'#itany',
data:{
msg:'hello vue'
},
computed:{
revMsg:function(){
return this.msg.split(' ').reverse().join('===')
}
}
})