广东网站设计哪家专业,网站做不做双解析,wordpress导航网站,厦门中国建设银行招聘信息网站10、计算属性
#xff08;1#xff09;概念#xff1a;
基于现有的数据#xff0c;计算出来的新属性。依赖于数据变化#xff0c;自动重新计算。
#xff08;计算属性-可以将一段求值的代码进行封装#xff09;
#xff08;2#xff09;语法#xff1a;
11概念
基于现有的数据计算出来的新属性。依赖于数据变化自动重新计算。
计算属性-可以将一段求值的代码进行封装
2语法
1声明在computed配置项中一个计算属性对应于一个函数
2使用起来和普通的属性一样{{计算属性名}} 3示例
代码 结果 11、computed计算属性与methods方法
1computed计算属性
1作用封装了一段对于数据的处理求得一个结果
2语法
①写在computed配置项中
②作为属性直接使用-this.计算属性{{计算属性}}
3缓存特性
计算属性会对计算出的结果缓存再次使用直接读取缓存依赖项变化了会自动重新计算-并再次缓存 2methods方法
1作用给实例提供一个方法调用以处理业务逻辑
2语法
①写在methods配置项中
②作为方法需要调用 -this.方法名{{方法名}} 事件名“方法名” 3示例
Computed Methods 12、计算属性完整写法
计算属性默认的简写只能读取访问不能“修改”。如果要“修改”需要计算属性的完整写法。
1示例
代码 结果
