<div id="app">
<p>{{ message }}</p>
<p>{{ reversedMessage }}</p>
<p></p>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
var vm = new Vue({
el:"#app",
data:{
message:'hello'
},
computed: {
reversedMessage(){
return this.message.split('').reverse().join('')
}
}
})
</script>
// 计算属性在使用的时候不要加(),把它当作处理过的data就可,不是一个方法