vue computed

一见如故

  • 返回值类似一个ref包装的响应式对象,如果值是基本数据类型,需要.value进行拆箱
  • 常规使用、传参使用、get和set使用(computed函数中传一个对象)

常规使用

let aa = computed(() => {根据已知响应式数据return一个新的数据})

传参使用

回调函数中返回一个函数定义fn,参数作为fn的参数传入
const aa = computed(() => {
    return (num) => {
        return msg.value + num
    }
})

get和set使用

场景:v-model="aa"
 
const aa = computed({
    get() {
        return msg.value + 's'
    },
    set(n) {
        // set函数体中处理相关联的响应数据,可以是data、vuex的状态、props等
        // 而并非直接给计算属性设置
        // 无需返回任何东西
        msg.value += n
    }
})

你可能感兴趣的:(VUE,API,vue.js,前端,javascript)