Vuejs：考慮前初始化屬性與「數據」更可靠的反應性和更好的性能

Question

的選擇，這是我的代碼，https://jsfiddle.net/0od4hwmh/2/
當把它挑出來就可以運行，
但是當把它放在我的項目的laravel 5.3，
有一個錯誤：

[Vue warn]: You are setting a non-existent path "chosenFruite" on a vm instance. Consider pre-initializing the property with the "data" option for more reliable reactivity and better performance. 

什麼是可能的問題呢？

Answer 1

此警告意味着你應該在你的data初始化chosenFruite這樣的：

var fruite = new Vue({ 
    el: '#fruite', 
    data: { 
     chosenfruite: '', 
     items: [ 
      {message: 'apple'}, 
      {message: 'pear'}, 
      {message: 'peach'} 
     ] 
    }, 
    methods: { 
     fillIn: function (item) { 
      this.chosenfruite = item.message; 
     } 
    } 
}); 

你可以閱讀更多here