计算属性的 getter 和 setter

最新推荐文章于 2024-07-23 17:08:00 发布

weixin_37737079

最新推荐文章于 2024-07-23 17:08:00 发布

阅读量76

点赞数

本文链接：https://blog.csdn.net/weixin_37737079/article/details/101985254

版权

  <div id="app">{{fullName}}</div>
  <script>
    var vm = new Vue({
      el: '#app',
      data: {
        firstName: '1',
        lastName: '2',
      },
      computed: {
      //注意：此时fullName是obj
        fullName: {
          get() {
            return this.firstName+' '+this.lastName
          },
         // set方法：通过设置的值改变相关联的值，又引起fullName的改变
          set(value) {
            let arr = value.split(' ')
            this.firstName = arr[0]
            this.lastName = arr[1]
          }  
        }
      }
    })