Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/417.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Vuejs-使用不同于Vue路由器(主干路由器)的路由器显示页面/Vue文件_Javascript_Backbone.js_Webpack_Vue.js - Fatal编程技术网

Javascript Vuejs-使用不同于Vue路由器(主干路由器)的路由器显示页面/Vue文件

Javascript Vuejs-使用不同于Vue路由器(主干路由器)的路由器显示页面/Vue文件,javascript,backbone.js,webpack,vue.js,Javascript,Backbone.js,Webpack,Vue.js,我有一个主干路由器,我决定使用Vuejs进行渲染,但不确定如何实现这一点 现在,在每一条路径上,我都使用require方法来获取.vue文件以及和,并将其发送到渲染方法,但这看起来和感觉都很疯狂,我想知道是否有官方方法或某些资源 //Backbone router structure var router = Backbone.Router.extend({ routes: { "": "home", "about": "about", "

我有一个主干路由器,我决定使用Vuejs进行渲染,但不确定如何实现这一点

现在,在每一条路径上,我都使用require方法来获取
.vue
文件以及
,并将其发送到渲染方法,但这看起来和感觉都很疯狂,我想知道是否有官方方法或某些资源

//Backbone router structure
var router = Backbone.Router.extend({
    routes: {
        "": "home",
        "about": "about",
        "contact":"contact"
    },

    home: function(){
        bin.log('Mounted Home');


    },
    about: function(){
        bin.log('Mounted About');


    },
    contact: function(){
        bin.log('Mounted Contact');
    }

});


这是一个你可以使用的垃圾桶:

请在这里找到答案,不幸的是,webpackbin.com服务有一些问题,我无法使其在线工作,但它在我的本地设置中工作:


在这里找到答案,不幸的是,webpackbin.com服务有一些问题,我无法使其在线工作,但它在我的本地设置中工作:


为什么不使用官方vue路由器@Phil这是一个遗留应用程序,已经有了这个主干路由器。我知道vue路由器为什么不使用官方的vue路由器@Phil这是一个遗留应用程序,已经有了这个主干路由器。我知道vue路由器
var currentRoutePage = require('vues/page' + routeName + '.vue');

new Vue({
    el: '#app',
    render: function (createElement) {
        return createElement(currentRoutePage);
    }
});