vue2 computed set与get函数
Posted 吃个石头
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue2 computed set与get函数相关的知识，希望对你有一定的参考价值。
大家都知道computed简单的使用方法，这儿只分享一下setter和getter用法：
setter：设置值时触发。
getter：获取值时触发，与setter是没有必然联系的。
<template >
<div>
<button @click=‘fn‘>设置</button> //点击后fn函数执行。
<button @click=‘fn1‘>获取</button> //点击fn1函数执行。
</div>
</template>
<script>
export default {
methods:{
fn(){
this.msg1=5 //msg1设置值
},
fn1(){
console.log(this.msg1)//msg1获取值 上面虽然设置了5，但是这儿是返回6，get函数返回值是6，跟set是没有必然关系的。
}
},
computed:{
msg1:{
set(){
console.log(‘我被设置了‘) //msg1设置值时此处触发
},
get(){
console.log(‘我被调用了‘) //msg1获取值时触发
return 6 //这儿返回值将是msg1的值。
}
}
}
}
</script>
computed一般用法是改变data里面的值，作为自己的值。
欢迎大家指正。
以上是关于vue2 computed set与get函数的主要内容，如果未能解决你的问题，请参考以下文章