A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

[前端与移动开发] vue2之路由的基本使用步骤

© 杨耀 黑马粉丝团   /  2020-10-21 20:20  /  1411 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

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

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马