美文网首页
Vue3--篇16--计算属性computed

Vue3--篇16--计算属性computed

作者: 扶得一人醉如苏沐晨 | 来源:发表于2023-04-19 15:22 被阅读0次

一、computed 函数

  • 与 Vue2.x 中 computed 配置功能一致
    computed触发时机:
  • 页面加载默认走一次
  • 所依赖的数据变化
  • 写法
  import {computed} from 'vue'

  setup(){
      ...
    //计算属性——简写
      let fullName = computed(()=>{
          return person.firstName + '-' + person.lastName
      })
      //计算属性——完整
      let fullName = computed({
          get(){
              return person.firstName + '-' + person.lastName
          },
          set(value){
              const nameArr = value.split('-')
              person.firstName = nameArr[0]
              person.lastName = nameArr[1]
          }
      })
  }

相关文章

  • 计算属性

    1.计算属性get方法: 计算属性(computed)和Methods区别:计算属性(computed)适合:有缓...

  • Vue复习

    Vue的计算属性 计算属性computed

  • 03.vue3-组合API(下篇)

    组合API-computed函数 定义计算属性: computed函数,是用来定义计算属性的,计算属性不能修改。基...

  • 监听器和计算属性的区别watch,computed

    计算属性computed和监听器watch区别?1.能使用计算属性computed的尽量使用计算属性,但是计算属性...

  • Vue之计算属性computed(一)

    Vue中什么是计算属性computed,计算属性的基础、计算属性computed与方法method实现相同的功能为...

  • 3.vue计算属性和过滤器

    1.计算属性 Vue中的computed属性称为计算属性.它与methods不同,computed是响应式的,调用...

  • Vue

    computed 计算属性 computed的结果会被缓存,除非依赖的响应式属性变化才会重新计算,主要当做属性来使...

  • computed缓存 VS methods方法

    computed 计算属性【选项】 computed 属性会基于它所依赖的数据进行缓存 每个 computed 属...

  • computed && watch && methods

    computed计算属性适用于任何复杂逻辑的计算 computed 和 计算方法computed: 是基于它们的依...

  • computed、watch和methods区别

    1.computed是计算属性,依赖其他属性值,并且computed的值有缓存。只有computed依赖的属性值发...

网友评论

      本文标题:Vue3--篇16--计算属性computed

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