vue2.0 router入门学习

首先利用包管理器npm install vue-router --save-dev 下载

之后在main.js引用

import VueRouter from 'vue-router'

注册

Vue.use(VueRouter); // 注册router

实例化一个router，

mode默认为history哈希（非HTML5）

let router = new VRouter({
    mode: 'history', // 默认设置history哈希，设置之后没有哈希  处理非HTML5
    routes: [
            {
                path: '/',
                // component: IndexPage （使用之前要引入组件）
            }
    ]
});

放到根节点实例化对象

new Vue({
        el: '#app',
        router,
    template: '<Layout/>',
    components: {
        Layout
    }
});