Javascript Vuejs:考虑使用“预初始化”属性;“数据”;选择更可靠的反应性和更好的性能

Javascript Vuejs:考虑使用“预初始化”属性;“数据”;选择更可靠的反应性和更好的性能,javascript,laravel,vue.js,Javascript,Laravel,Vue.js,这是我的代码, 当选择它时,它可以运行, 但是当把它放在我的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.

这是我的代码,
当选择它时,它可以运行,
但是当把它放在我的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.

可能的问题是什么?

此警告意味着您应该在
数据中初始化
选择结果
,如下所示:

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

您可以阅读更多内容

此警告意味着您应该在
数据
中初始化
选择结果
,如下所示:

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