Vue实现变量

Question

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

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

我也有一个导入到html中的js文件：

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

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

Answer 1

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

  

数据

     

Vue实例的数据对象。 Vue将递归转换其   将属性添加到getter / setter中以使其“具有反应性”。

在操纵Vue外部的数据值时（不使用this.json_data），您不允许Vue跟踪更改并对其做出反应。您应该将外部逻辑移到组件中（作为方法），以便使用this.json_data设置json_data的值，或者在应用程序足够复杂的情况下使用Vuex。