Vue Router

此仅为学习笔记

详细到官网学习:

　　https://router.vuejs.org/zh/

1 下载

npm install vue-router --save

如果在模块化工程中使用它,必须通过Vue.use()明确地安装路由功能

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)

如果使用全局的script标签,则无需如此手动安装

2 使用

JavaScript

1 先导入Vue和VueRouter
2 定义(路由)组件
3 定义路由对象
    const router = new VueRouter({
        routes:[
            {path:'/',componet:Vmain},        // 每个路由应该映射一个组件
            ...,
            ...
        ]
    })
4 挂载    
    把router传给Vue实例对象

HTML

<router-link to="/foo">Go to Foo</router-link>