Vuejs - 使用与 vue-router（骨干路由器）不同的路由器显示页面/Vue 文件答案

【问题标题】：Vuejs - Show pages/Vue files with a different router than vue-router (Backbone router)Vuejs - 使用与 vue-router（骨干路由器）不同的路由器显示页面/Vue 文件
【发布时间】：2017-01-18 13:53:07
【问题描述】：

我有一个主干路由器，我决定使用 Vuejs 进行渲染，但不知道如何实现。

现在，在每条路线上，我使用 require 方法获取带有 <template> 和 <script> 的 .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');
    }

});

var currentRoutePage = require('vues/page' + routeName + '.vue');

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

这是一个你可以玩的垃圾箱：http://www.webpackbin.com/4yGbxwd8f

【问题讨论】：

为什么不用官方的vue-router？ github.com/vuejs/vue-router
@Phil 这是一个遗留应用程序，已经有这个主干路由器。我知道vue路由器

标签： javascript backbone.js webpack vue.js

【解决方案1】：

在这里找到答案，不幸的是，webpackbin.com 服务有一些问题，我无法在线完成这项工作，但它可以在我的本地设置上工作：

https://vuejs.org/v2/guide/routing.html

【讨论】：