VUE-计算属性

兜里揣着星星

于 2023-07-19 18:13:21 发布

阅读量104

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js javascript 前端 vue3 计算属性

本文链接：https://blog.youkuaiyun.com/MCCLS/article/details/131815244

文章介绍了Vue3中计算属性(computed)的使用，包括简写形式和完整形式。简写方式只包含get方法，而完整形式则包括get和set方法，用于处理数据的双向绑定。示例展示了如何反转data.name的字符顺序。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

VUE-计算属性

语法

// computed简写
// let reverseName = computed(() => {
//   // 这种写法是一种简写形式，如果你只需要使用计算属性的get方法的话
//   return data.name.split('').reverse().join('')
// })

//  computed完整写法
let reverseName = computed({
  get() {
    return data.name.split('').reverse.join('')
  },
  set(val) {
    data.name = val.split('').reverse.join('')
  }
})

涉及内容

vue3、计算属性