vue3 computed

前言:

import {computed} from 'vue'let aa = computed(() => {})    //传回调函数
let aa = computed({})    //传对象返回的类似一个ref包装的响应式对象,如果值是基本数据类型,需要.value进行拆箱

一、常规使用

const aa = computed(() => {return msg.value + 's'
})

二、传参使用(回调函数中返回一个函数定义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}
})


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部