发表于： 2019-10-31 21:41:35
1 954
今天完成的完成：
1、计算属性实质就是一个方法，只不过在使用的时候只把方法名称作为属性使用，不需要加（），而不是当做方法使用。
举列：
computed:{
fullName(){
return this.firstName+''+this.lastName
},
<!-- 计算属性 -->
<h2>{{fullName}}</h2>
对比：
<div id='demo'>{{ fullName()+' ' + '33333333' }}
当没有加上的时候，它会显示为undefined
computed比较适合对多个变量或者对象进行处理后返回一个结果值，也就是数多个变量中的某一个值发生了变化则我们监控的这个值也就会发生变化，就比如购物车里商品数量的变化。
2、watch的作用用来监听data中的数据，当data中定义的数据发生变化，那么watch中的key就会触发。可以把watch看成一个对象，其中watch中可以设置多个类型的键值还可以存放方法对象
methods:{
reverseMessage: function () {
this.whole = 'change'
},
},
watch: {
"whole":function(value){
//监听到数据之后,可以在这个地方做任何操作
console.log(value);
if (value === "change"){
alert(1);
this.whole = "红red"}//修改后内容
},
},// watch对应的对象,可以监听多个属性
3、测试假数据
遇到的问题：暂无
明天计划的事情：
优化vue知识体系
返回列表
评论