vue.js中this为什么可以访问属性的属性

Question

vue.js中this为什么可以访问属性的属性

Answer 1

vue.js中this可以访问属性的属性的原因：el、data、computed都应该理解为Vue对象的声明对象内容的关键字，而不是它的直接属性。那么在data声明的就是它（vm本身）的数据属性，在computed中声明的就是它的计算属性，在methods中声明的就是它的方法。

Answer 2

在vue中有时候可能想像使用jq一样给某个元素添加属性，如$('#select1').attr('disabled','disabled')1这种方法也能实现，但是在vue中能用vue的方法还是尽量不要使用jq使用vue的方法来添加属性可以这样：123disabled是表单元素的原生属性，可以直接使用属性绑定的语法:disabled来绑定，然后加上一个条件就可以控制这个属性动态添加删除，如：watch:{issueDatas(){if(this.issueDatas.state==5){this.isDisabled=true;}}}

Answer 3

Vue中computed就是 实时计算 使用。 Vue检测到数据发生变动时就会执行对相应数据有引用的函数。 下面是一个demo。引用自己的vue.js就可以看效果。 利用computed可以做一些监控之类的效果。