【发布时间】：2015-07-29 12:51:23
【问题描述】：
我的应用程序中需要两个 js 文件。第一个（app.js）是所有页面/视图都会使用的通用 js 文件。第二个（page1.js）是一个页面/视图特定的 js 文件。
我在 app.js 中实例化了一个新的 Vue 实例，如下所示：
new Vue({
el : '#app',
data: {
balance: 0
},
ready: function() {
},
methods : {
},
})
接下来，在 page1.js 文件中，我像这样实例化另一个 Vue 实例：
new Vue({
el : '#headerSection',
data: {
},
ready: function() {
console.log(this.balance)
},
methods : {
},
})
但是，当我尝试访问 balance 数据对象时，我收到未定义的错误。
在 html 中，我需要在 page1.js
之前的 app.js 文件我怀疑我的 Vue 实例的第二个实例覆盖了第一个实例。
如何将两个 js 文件中的 Vue 元素分开？
【问题讨论】：
-
这可能会解决您的问题：stackoverflow.com/questions/32752527/…
-
你需要一个对你的 app.js vue 对象的引用。你可以像这样创建一个全局命名空间： (function(){ window.App = {}; })();然后做 App.FirstVue = new Vue 你可以像这样 App.FirstVue.data.balance;
标签： vue.js