vue路由以及使用vue-router步骤
vue-router使用步骤:
1.下载对应路由vue-router的3版本 (默认下载是4版本,4针对vue3,这里要下载3版本针对vue2)
npm i vue-router@3
2.在main.js文件中导入对应的vue-router
import VueRouter from 'vur-router'
3.在main.js中使用vue-router
Vue.use(VueRouter)
4.引入对应的页面组件,并配置对应的路由规则
// 引入对应页面组件
import 组件名 from '组件路径'
......
// 配置路由规则
const routes = [
{ path:'/路由名',component:'组件名' },
......
]
5.创建路由实例对象
const router = new VueRouter({
mode:'history', // 路由的history模式(普遍使用)可以去掉url的#,默认是hash,带#
routes:routes
})
共有 0 条评论