vue计算属性-完整写法
目标: 计算属性也是变量, 如果想要直接赋值, 需要使用完整写法
语法:
computed: {
"属性名": {
set(值){
},
get() {
return "值"
}
}
}
<template>
<div>
名字:
<input v-model="name" type="text">
</div>
</template>
<script>
export default {
// computed 属性也可以绑定到 v-model 中
computed: {
// 这种 name (){} 其实是 name:{ get(){}} 的简写
// name(){}
// return "匿名"
name:{
// 设置
set(val){
console.log('修改了name值',val);
},
// 获取
get(){
return "匿名"
}
}
}
}
</script>
<style>
</style>
总结: 想要给计算属性赋值, 需要使用set方法