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
})

vue路由以及使用vue-router步骤最先出现在Python成神之路

版权声明:
作者:倾城
链接:https://www.techfm.club/p/17488.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>