vue computed计算属性的get和set函数
get和set都是回调函数什么是回调函数:1/你定义的 2/你没有调用 3/但最终执行了关于回调函数需要知道的两个问题:1/什么时候调用 2/用来做什么const vm = new Vue {data: {firstName; ‘A’,lastName: 'B'},computed: {fullName: {//1/当需要读取当前属性值时调用(初始化)/...
·
get和set都是回调函数
什么是回调函数:1/你定义的 2/你没有调用 3/但最终执行了
关于回调函数需要知道的两个问题:1/什么时候调用 2/用来做什么
const vm = new Vue ({
data: {
firstName; ‘A’,
lastName: 'B'
},
computed: {
fullName: {
//1/当需要读取当前属性值时调用(初始化)/当依赖项变化时也调用该回调函数 2/根据相关数据计算并返回当前属性值
get () {
return firstName + ' ' + lastName;
},
//1/监视:当属性值变化时调用该回调函数 2/根据最新的属性值计算相关数据
set (value) { //fullName是要监听的属性,value是fullName的最新属性值
this.firstName = value.split(' ').[0];
this.lastName = value.split(' ').[1];
}
}
}
})
html
姓:<input type="text" v-model="firstName" />
名:<input type="text" v-model="lastName" />
姓名:<input type="text" v-model="fullName" /> //计算属性不能加()
更多推荐
已为社区贡献4条内容
所有评论(0)