cue計(jì)算公式？
<div id="app">
<p>初始值:{{name}}</p>
<p>反轉(zhuǎn)值:{{name.split('').reverse().join('')}}</p>
<p>函數(shù)調(diào)用:{{reverseStr()}}</p>
<p>計(jì)算屬性get方法:{{ reverse}}</p>
<p>計(jì)算方法get:{{zhang}}</p>
<button @click="deal()">調(diào)用計(jì)算屬性的setter方法</button>
</div>
<script>
new Vue({
el:"#app",
data:{
name:'Rose Jack',
fName:'張',
lName:'路'
},
methods:{
reverseStr(){
return this.name.split('').reverse().join('')
},
deal(){
this.zhang = 'Token Lily'; //調(diào)用zhang的setter方法
}
},
//計(jì)算選項(xiàng)
computed:{
// get方法
reverse(){
return this.name.split('').reverse().join('')
},
// zhang(){
// return this.fName + '' + this.lName
// }
zhang:{
get(){
return this.fName + '' + this.lName
},
set(str){
let nameArr = str.split(' ');
this.fName = nameArr[0];
this.lName = nameArr[1];
}
}
}
})
</script>