使用requirejs-vue时存在多个vue实例

如何解决使用requirejs-vue时存在多个vue实例

我在一个使用requirejs和jquery构建的网站上工作。我正在尝试使用requirejs-vue引导vuejs，并在URL的路径中创建SPA（现有的应用程序使用jquery运行，“ / vueapp”将启动Vue SPA）。 这是我到达“ / vueapp”时触发的控制器功能：

$('body #content').empty().append('<div class="vue-eReg-container"><div id="vue-app-e-reg" /></div>');
        require(['app/views/vue/e-reg-vue-app/starter'],function (starter) {
            if(app.data.eRegVueAppRef) {
                app.data.eRegVueAppRef.$destroy();
                app.data.eRegVueAppRef = null;
                app.datal('eRegVueAppRef',null);
            }
            starter({venueName: venueName,pmsFolioId: pmsFolioId});
            $('#progressIndicator').modal('hide');
        });

这是vue起始文件：

define(['Vue','vue','vuex','moment','jquery','showdown','es6-promises','es6-promises-auto'],function (Vue,vue,vuex,moment,$,showdown) {
       
        return function(params){
            Vue.use(vuex);
             require(['vue!app/views/vue/e-reg-vue-app/components/container','app/views/vue/store/store'],function (vueApp,store) {
                var vm1 = new Vue({
                    el:'#vue-app-e-reg',store: store,render: function(h){ return h(vueApp) }
                });
                app.datal('eRegVueAppRef',vm1);
            });
        }
    }
);

每次我到达URL“ / vueApp”时，我都会注意到我的应用程序中的控制台日志数量不断增加，就好像同时运行多个Vue实例一样。我什至尝试在实例上执行$destory()，但仍然不能解决问题。我该如何解决？