vue computed 计算属性 给计算属性变量赋值时 完整语法 get set（学习）

需求

给计算属性变量赋值时

关键代码

• HTML

<template>
    <div>
		<span>姓名:</span>
		<input type="text" v-model="full" />
	</div>
</template>

• computed 计算属性方法

<script>
export default {
  computed: {
    full: {
      // 给full赋值触发set方法
      set (val) {
        console.log(val)
      },
      // 使用full的值触发get方法
      get () {
        return "无名氏"
      }
    }
  }
}
</script>

效果

语法

computed: {
	"计算属性名" (){},
	"计算属性名": {
		set(值){

		},
		get(){
			return 值
		}
	}
}