将自定义属性添加到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'}); 
    } 
});