计算属性:computed
在computed中可以定义一些属性:计算属性。计算属性的本质其实就是一个方法,只不过在使用的时候可以直接当做属性来使用。具体有以下特点:
1. 计算属性在使用时不需要加(),直接写名称即可
2.如果计算属性用到了data中的数据,当data数据发生变化时,就会立即重新计算这个计算属性的值
3.计算属性在第一次使用时的结果会缓存起来,直到属性中依赖的data数据发生变化计算属性的结果才会重新求值
watch:Vue的watch属性可以用来监听data属性中数据的变化
<div id="app">
<input type="text" v-model="firstname" />
</div>
<script type="text/javascript">
var vm = new Vue({
el:"#app",
data:{
firstname:"",
lastname:""
},
methods:{},
watch:{
firstname:function(){
console.log(this.firstname)
}
}
})
</script>
可以从上述代码中实践得知,输入框内的值变化多少次,控制台就会打印多少次
同时还可以直接在监听的function中使用参数来获取