计算属性
计算属性可以帮我们减少代码的复用,只需要更改计算属性的值,就会将依赖它的值都会改变,计算属性也是一个函数形式,但它与methods中的函数大不相同。
<body>
<div id="app">
<input type="text" v-model="message">
<p>{{bug}}</p>
</div>
<script>
new Vue({
el: '#app',
data: {
message: ''
},
computed: {
bug() {
return '这是一个变化的值' + this.message
}
}
})
</script>
</body>