计算属性:
好处1. 依赖之前的计算结果,除非有改变才会重新计算
  • 相比普通函数减少计算量

好处2:不像data属性,只在初始化时计算一次。(除非再手动赋值)
  • 计算属性是只要依赖的变量发生变化就会自动重新计算,响应式的。
          例如父组件的变量变了后传递给子组件,会让props变量值改变,通过计算属性,同时让计算属性自动改变。但是data除非手动赋值,否则不会自动改变。
         
          只要props变量this._at的值变了,计算属性comment的值就会自动改变。

坏处:
  • 修改计算属性的值,并不会让html重新渲染。不是双向绑定??只有修改data属性才改变html

解决方法1:
  • 1.用data存储props的初始化值,
  • 2.通过watch来监控props的变化。如果props变化了,就重新赋值给data
    

方法2:
  • 把props变量_content赋值给计算属性。计算属性可以被修改。
  • 当计算属性被修改时,可以发送事件给父元素,直接修改。


计算属性:
  • 搜集依赖关系,只要依赖变了,该值会自动计算。
  • 但是计算属性是不能被声明函数外的其他地方进行修改。
data属性:
  • 不会自动计算并修改值,除非程序手动修改。
  • 但是可以用来双向绑定

props:

2.计算属性 vs props vs data

2019-02-18 00:23:35 0 67
这里是评论

相关推荐