- 安装使用vue-router
- 安装vue-router:指令 npm install vue-router --save
- 然后建立文件夹router,在建立index.js
- 首先import引入vue和router
- 然后vue使用use路由对象reutor
- 接着创建路由new Router,并且导出export default\
- 接在在main.js文件里面import引入,并把路由挂载
代码放下面
router文件下的index.js
// 1.配置路由
import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
// 2.使用路由
Vue.use(Router)
// 3.创建路由实例; 并且导出export default
export default new Router({
// 配置路由和组件之间的应用联系
routes: [
{
path: '/',
name: 'HelloWorld',
component: HelloWorld
}
]
})
main.js文件下
import Vue from 'vue'
import App from './App'
// 1. 引入路由
import router from './router'
Vue.config.productionTip = false
/* eslint-disable no-new */
new Vue({
el: '#app',
// 2. 挂在路由
router,
render: h => h(App)
})
记录一下--------------------