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方法