欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

计算属性的 getter 和 setter

程序员文章站 2024-02-20 15:49:28
...
  <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]
          }  
        }
      }
    })

上一篇: Java根据Request获取客户端IP

下一篇: