Vue.js記法:配列の処理

配列に監視しているメソッド

• push()
• pop()
• shift()
• unshift()
• splice()
• sort()
• reverse()

新配列を作る

• filter()
• concat() 
• slice()

配列を監視できない処理

• vm.items[indexOfItem] = newValue
  監視方法：Vue.set(vm.items, indexOfItem, newValue)
• vm.items.length = newLength
  監視方法：vm.items.splice(newLength)

VUEに後追加した属性Vue.set(object, propertyName, value)

var vm = new Vue({

data: { userProfile: { name: 'Anika' } } })

Vue.set(vm.userProfile, 'age', 27) //方法１ vm.$set(vm.userProfile, 'age', 27) //方法２　
//方法３：オブジェクト属性の追加
vm.userProfile = Object.assign({}, vm.userProfile, { age: 27, favoriteColor: 'Vue Green' })