我的组件数据在方法中不是反应性的，而在创建的生命周期钩子中是反应性的答案

【问题标题】：My component data is not reactive in methods while reactive in lifecycle hook created我的组件数据在方法中不是反应性的，而在创建的生命周期钩子中是反应性的
【发布时间】：2018-03-11 11:22:16
【问题描述】：

我在我的项目中使用 vuejs，已经尝试了几个小时但没有工作。我已经在我的其他项目中应用了相同的技术，并且效果很好。包在本地更改，但数据属性包即使在我的api成功返回数据后仍然为空

<script>
    export default {
        name:'packages',
        data(){
            return {
                packages: []
            }
        },
        created(){
            this.fetchPackages();
        },
        methods: {
            fetchPackages() {
                fetch('/die-cut/size/4/packages')
                    .then(res => res.json())
                    .then(res => {
                        this.packages = res;
                        alert(this.packages);
                    })
                    .catch(err => console.log(err));
            }
        }
    }
</script>

【问题讨论】：

组件名称为packages，数据项为packages。这应该不是问题，但可能值得更改名称以进行检查。
也尝试了消息数据属性。但没有运气
警报发生并指示一些值？
是的，它给了我更新的包数组，但实际的包数据属性没有更新
但实际的包数据属性没有更新 -> 你怎么这么说？你的代码没问题。

标签： laravel vue.js vuejs2

【解决方案1】：

我在页面上添加了两次脚本，这导致了问题，主布局文件已经包含了 vuejs，我在从主布局派生的视图上添加了脚本。当我从视图中删除它时，因为主布局已经包含它，它起作用了！奇怪

【讨论】：