vueダイナミック追加プロパティ
807 ワード
Vue.setメソッドはオブジェクトの属性を設定するために使用され、Vueが追加属性を検出できない制限を解決することができ、構文フォーマットは以下の通りである.
パラメータの説明: target:オブジェクトまたは配列 であってもよい key:文字列または数字 value:任意のタイプの でもよい
--------------------------------------
カウンタ:{{products.id}}点我<br> var myproduct = {"id":1, name:"book", "price":"20.00"};<br> var vm = new Vue({<br> el: '#app',<br> data: {<br> counter: 1,<br> products: myproduct<br> }<br> });<br> Vue.delete(myproduct, 'price');<br> console.log(vm);<br> vm.$watch('counter',function(nval,oval){<br>alert('カウンタ値の変化:'+oval+'が'+nval+'!');<br>});<br>
Vue.set( target, key, value )パラメータの説明:
--------------------------------------
カウンタ:{{products.id}}点我<br> var myproduct = {"id":1, name:"book", "price":"20.00"};<br> var vm = new Vue({<br> el: '#app',<br> data: {<br> counter: 1,<br> products: myproduct<br> }<br> });<br> Vue.delete(myproduct, 'price');<br> console.log(vm);<br> vm.$watch('counter',function(nval,oval){<br>alert('カウンタ値の変化:'+oval+'が'+nval+'!');<br>});<br>