Vuejs - 使用与 vue-router（Backbone 路由器）不同的路由器显示 pages/Vue 个文件

Question

我有一个 backbone 路由器，我决定使用 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

Answer 1

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

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

Vuejs - 使用与 vue-router（Backbone 路由器）不同的路由器显示 pages/Vue 个文件

Vuejs - Show pages/Vue files with a different router than vue-router (Backbone router)

javascript

backbone.js

webpack

vue.js