zoukankan      html  css  js  c++  java
  • 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里面的值,作为自己的值。
    欢迎大家指正。
  • 相关阅读:
    比特币安全
    vxworks 的 socket, thread, 信号量模型
    libx264 安卓编译
    优秀的gdb图形化前端调试器
    gdb revert, Go to previous line in gdb
    进藏体会,高原反应
    将 ssh (security shell) 移植到 vxworks
    Pcap4J实现抓包器
    有时候有些服务类的网站就是不走心啊
    都市夜未眠
  • 原文地址:https://www.cnblogs.com/gsgs/p/6687711.html
Copyright © 2011-2022 走看看