摘要: 动态路由的概念: 把hash地址中的可变部分用【英文冒号(:)+参数 】的形式进行定义 获取动态路由的参数值: (1)第一种获取方式:可以直接使用 $route.params对象访问到动态匹配的参数 效果: (2)第二种获取方式:在路由规则中开启允许props传参,然后在组件中用 props 接收路 阅读全文
posted @ 2022-08-17 23:53 程序员冒冒 阅读(159) 评论(0) 推荐(0) 编辑
摘要: 1、声明子路由链接和子路由占位符 <template> <h2>>>about组件</h2> <!-- 子路由链接 --> <router-link to="/about/tab1">选项一</router-link> <router-link to="/about/tab2">选项二</route 阅读全文
posted @ 2022-08-17 22:39 程序员冒冒 阅读(65) 评论(0) 推荐(0) 编辑
摘要: 1、默认的路由激活类名为:router-link-active 》》可全局统一写样式 效果为: 2、自己设置路由激活类名:创建路由对象时配置 linkActiveClass 效果: 阅读全文
posted @ 2022-08-17 21:55 程序员冒冒 阅读(136) 评论(0) 推荐(0) 编辑
摘要: 路由重定向是指:用户在访问地址A时,强制用户跳转到地址C,从而展示特定组件。 阅读全文
posted @ 2022-08-17 17:59 程序员冒冒 阅读(177) 评论(0) 推荐(0) 编辑
摘要: 单页面应用的路由原理: 单页面应用的整个项目只存在一个HTML文件,页面的切换 本质上 是 组件的切换; 所以,路由的作用是将组件与相应的URL路径相对应; 因为是单页面应用,所以,跳转页面时,既要让URL发生变化,又不能重新加载项目的HTML文件 hash模式: 利用web网页的锚点技术,在原有U 阅读全文
posted @ 2022-08-17 17:49 程序员冒冒 阅读(83) 评论(0) 推荐(0) 编辑
摘要: main.js中定义: 定义指令的函数为:directive() 指令名称:第一个参数 fontcolor 被绑定的元素:回调函数的第一个参数 el 指令被设置的具体值:回调函数的第二个参数 binding 具体使用: 结果: 阅读全文
posted @ 2022-08-17 00:46 程序员冒冒 阅读(298) 评论(0) 推荐(0) 编辑