vue2中路由的使用步骤,你学会了吗?

今天我们来整理下关于vue2中路由的使用步骤:
【vue2中路由的使用步骤,你学会了吗?】1. 导入 vue 文件和Vue-router文件(注意:vue-router是依赖vue运行的,所以一定在vue后引入vue-router)
vue2中路由的使用步骤,你学会了吗?文章插图
2. 定义路由组件模板
vue2中路由的使用步骤,你学会了吗?文章插图
3. 创建路由实例并定义路由规则
vue2中路由的使用步骤,你学会了吗?文章插图
4. 将路由实例挂载给Vue实例
vue2中路由的使用步骤,你学会了吗?文章插图
5. 在结构区域定义控制路由跳转的链接和路由的占位
vue2中路由的使用步骤,你学会了吗?文章插图
6.最后在浏览器中运行页面
vue2中路由的使用步骤,你学会了吗?文章插图