Vue 实现变量

Question

我正在使用 vue.js我有一个应用程序

var vm = new Vue({
    el: '#app',
    data: function() {
       return {
          elements: json_data,
       }
    }
})

我还有一个 js 文件，我在我的 html 中导入：

<script src="javascriptFile.js" defer></script>

json_data是javascriptFile.js内的全局变量。当我修改文件时，我的 vue 应用程序不会重新加载我正在使用的新数据的组件。我该怎么做？

Answer 1

来自 Vue 文档 https://v2.vuejs.org/v2/api/#data

数据

Vue 实例的数据对象。Vue 将递归转换其属性到getter/setters中，使其"反应式"。

由于你在 Vue 之外操作数据值(不使用 this.json_data (，你不允许 Vue 跟踪更改并对其做出反应。你应该将外部逻辑移动到组件中(作为方法(，以便使用 this.json_data 设置 json_data 的值，或者如果你的应用程序足够复杂，则使用 Vuex。