美文网首页
vue中的computed计算属性

vue中的computed计算属性

作者: 鱼香肉丝没有渔 | 来源:发表于2020-04-18 10:18 被阅读0次
语法
new Vue({
  el:xx,
  data:xx,
  computed:{
    // 属性名称:function(){
    属性名称(){
      // 业务表达式实现,可以通过this操作data成员
      return  返回结果
    }
  }
})

计算属性普通函数赋值或简易成员函数 赋值 都可以,不要使用箭头函数

{{ computed计算属性名称 }}     <!--模板中-->
this.XXX                <!-- Vue实例内部-->

特点

  1. 计算属性关联的data如果发生变化,会重新编译执行 获得 并 使用 对应新结果,即响应式(入口)
  2. 计算属性的返回信息有变化,使用的地方也会重新编译执行,还存在出口响应式
  3. 计算属性内部可以使用this关键字,与Vue对象等效
  4. 每个计算属性都需要通过return关键字返回处理结果

computed里存放的是函数,调用时computed里的东西是一个属性
所以在调用的时候不能使用 () 因为()是在调用函数,而不是调用属性

相关文章

网友评论

      本文标题:vue中的computed计算属性

      本文链接:https://www.haomeiwen.com/subject/msnmvhtx.html