Bootstrap

vue路由的使用

路由的使用

1、配置路由文件
在Router.js中写

import Vue from 'vue'
import Router from 'vue-router'
import Hello from '@/components/Hello'
import Word from '@/components/Word';
Vue.use(Router)

export default new Router({
   
    routes: [
        {
   
            path: '/',
            component: Hello
        },
        {
   
            path:'/index',
            component:Word
        }
    ]
})

*1.route:由两部分组成,path和component. path 指路径,component 指的是组件
*2.’ / ’ 代表谁是首页,’ /index’访问的是index的路径
2.路由文件注入到main.js文件中

import Vue from 'vue';
import Router from 'vue-router';
import App from 
;