unit039-路由知我心

路由知我心

知识点

• 路由组件vue-router

官网

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

https://github.com/vuejs/vue-router

实战演习

$ npm install vue-router --save --save-exact

路由组件的设定

src/router/index.js

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'

Vue.use(Router)

export default new Router({
    routes: [
        {
            path: '/',
            name: 'HelloWorld',
            component: HelloWorld
        }
    ]
})

src/main.js

import router from './router'
...
new Vue({
    el: '#app',
    router,
    components: { App },
    template: '<App/>'
})

课程文件

https://gitee.com/komavideo/LearnVueJS2

小马视频频道

http://komavideo.com