vue中vue-router的使用:

main.js如何配置(es6的写法):在引用之前记得先   npm 下所需要的vue

import Vue from 'vue'import App from './App.vue'import Router from 'vue-router'import Resource from 'vue-resource'//import VueTouch from 'vue-touch'var VueTouch = require('vue-touch')//引入home页面import homepage from './page/home.vue' //引入test页面 import test from './page/test.vue' Vue.use(Router); Vue.use(Resource); Vue.use(VueTouch); var router = new Router({ abstract: true, hashbang: false }); //实现页面跳转 router.map({ '/home':{ component:homepage }, '/test':{ component:test }, }) router.start(App, '#app') // router.go('test'); 默认直接跳转到 test 页面

index.html中引入app.vue和build.js

app.vue引入router

home.vue

test.vue

 最后用webpack 将程序打包.关于webpack大家可以看看