vue2 computed set与get函数

时间：2017-04-10 10:56:46 阅读：323 评论：0 收藏：0 [点我收藏+]

大家都知道computed简单的使用方法，这儿只分享一下setter和getter用法：

setter：设置值时触发。

getter：获取值时触发，与setter是没有必然联系的。

<div>

<button @click=‘fn‘>设置</button> //点击后fn函数执行。

<button @click=‘fn1‘>获取</button> //点击fn1函数执行。

</div>

</template>

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里面的值，作为自己的值。

欢迎大家指正。

原文地址：http://www.cnblogs.com/gsgs/p/6687711.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行