- 安装 vue-router
//cd 进入自己的工程目录
cnpm install vue-router --save
- 在main.js文件中引入
import VueRouter from 'vue-router'
Vue.use(VueRouter)
- 配置路由
a. //引入自己创建的组件
import Home from './components/Home'
b.//定义路由
const routes=[
{path:'/home',component:Home},
{path:'*',component:Home}] //默认首页
c.//实例化VueRouter
const router = new VueRouter(
{routes}
)
d.//挂载路由
new Vue({
el: '#app',
router,
render: h => h(App)
})
- 使用路由(App.vue文件中)
<template>
<div id="app">
<router-view></router-view>
<router-link to='/home'>首页</router-link>
</div>
</template>