Vuejs - 用vue-router（主幹路由器）顯示不同路由器的頁面/ Vue文件

Question

我有一個主幹路由器，我決定使用Vuejs進行渲染，但不知道如何實現這一點。

目前，每個路線上，我使用的需要方法來獲取.vue文件與<template>和<script>併發送到渲染方法，但是這種外觀和感覺瘋狂，我不知道是否有一個正式的方式或一些資源。

//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); 
    } 
}); 

這裏是一個bin其中，你可以用它玩：http://www.webpackbin.com/4yGbxwd8f

Answer 1

潤版這裏的答案，不幸的是，webpackbin.com服務有一些問題，我不能做這項工作在線，但它在我的本地設置上工作：

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