將自定義屬性添加到vuejs組件

Question

如何在vue組件中設置自定義屬性？

var myComponent = Vue.extend({ 
    data: function() { 
     return { 
      item: {} 
     } 
    }, 

    created: function() { 
     // This does not seem to work 
     this.item.customProperty = 'customProperty'; 
    } 
}); 

Answer 1

您可以使用Vue.set添加反應：

var myComponent = Vue.extend({ 
    data: function() { 
     return { 
      item: {} 
     } 
    }, 

    created: function() { 
     Vue.set(this.item, 'customProperty', 'customProperty'); 
    } 
}); 

Answer 2

看來，你應該使用Object.assign：

var myComponent = Vue.extend({ 
    data: function() { 
     return { 
      item: {} 
     } 
    }, 

    created: function() { 
     // This does not seem to work 
     this.item = Object.assign(this.item, {customProperty:'customProperty'}); 
    } 
});