最終更新:2018-03-26 (月) 11:48:52 (2223d)  

Vue.js/算出プロパティ
Top / Vue.js / 算出プロパティ

getter 

  • var vm = new Vue({
  el: '#demo',
  data: {
    firstName: 'Foo',
    lastName: 'Bar'
  },
  computed: {
    fullName: function () {
      return this.firstName + ' ' + this.lastName
    }
  }
})
↑

setter

  • #geshi(){{ computed: { 
     fullName: {
   // getter 関数
   get: function () {
     return this.firstName + ' ' + this.lastName
   },
   // setter 関数
   set: function (newValue) {
     var names = newValue.split(' ')
     this.firstName = names[0]
     this.lastName = names[names.length - 1]
   }
 }
    } }}



検索：