语法
new Vue({
el:xx,
data:xx,
computed:{
// 属性名称:function(){
属性名称(){
// 业务表达式实现,可以通过this操作data成员
return 返回结果
}
}
})
计算属性普通函数赋值或简易成员函数 赋值 都可以,不要使用箭头函数
{{ computed计算属性名称 }} <!--模板中-->
this.XXX <!-- Vue实例内部-->
特点
- 计算属性关联的data如果发生变化,会重新编译执行 获得 并 使用 对应新结果,即响应式(入口)
- 计算属性的返回信息有变化,使用的地方也会重新编译执行,还存在出口响应式
- 计算属性内部可以使用this关键字,与Vue对象等效
- 每个计算属性都需要通过return关键字返回处理结果
computed里存放的是函数,调用时computed里的东西是一个属性
所以在调用的时候不能使用 () 因为()是在调用函数,而不是调用属性
网友评论