程序员冒冒

2022年8月18日

摘要：命名路由的概念：就是在定义路由规则时，为当前规则去一个名称，增加name属性。 name属性不能重复，必须保证唯一性~ （1）用命名路由实现声明式导航（2）命名路由实现编程式导航阅读全文

posted @ 2022-08-18 00:34 程序员冒冒阅读(191) 评论(0) 推荐(0) 编辑

摘要：通过调用API实现导航的方式，叫编程式导航。通过点击链接实现导航的方式，叫声明式导航。（1）跳转到指定地址的API：this.$router.push('hash地址') （2）实现导航历史的前进、倒退API：this.$router.go(数值n) 阅读全文

posted @ 2022-08-18 00:15 程序员冒冒阅读(47) 评论(0) 推荐(0) 编辑

2022年8月17日

vue学习之------vue-router【动态路由】

摘要：动态路由的概念：把hash地址中的可变部分用【英文冒号（：）+参数】的形式进行定义获取动态路由的参数值：（1）第一种获取方式：可以直接使用 $route.params对象访问到动态匹配的参数效果：（2）第二种获取方式：在路由规则中开启允许props传参，然后在组件中用 props 接收路阅读全文

posted @ 2022-08-17 23:53 程序员冒冒阅读(159) 评论(0) 推荐(0) 编辑

vue学习之------vue-router【路由嵌套】

摘要： 1、声明子路由链接和子路由占位符 <template> <h2>>>about组件</h2>  <router-link to="/about/tab1">选项一</router-link> <router-link to="/about/tab2">选项二</route 阅读全文

posted @ 2022-08-17 22:39 程序员冒冒阅读(64) 评论(0) 推荐(0) 编辑

vue学习之------vue-router【路由高亮】

摘要： 1、默认的路由激活类名为：router-link-active 》》可全局统一写样式效果为： 2、自己设置路由激活类名：创建路由对象时配置 linkActiveClass 效果：阅读全文

posted @ 2022-08-17 21:55 程序员冒冒阅读(135) 评论(0) 推荐(0) 编辑

vue学习之------vue-router【路由重定向】

摘要：路由重定向是指：用户在访问地址A时，强制用户跳转到地址C，从而展示特定组件。阅读全文

posted @ 2022-08-17 17:59 程序员冒冒阅读(176) 评论(0) 推荐(0) 编辑

vue学习之------vue-router入门

摘要：单页面应用的路由原理：单页面应用的整个项目只存在一个HTML文件，页面的切换本质上是组件的切换；所以，路由的作用是将组件与相应的URL路径相对应；因为是单页面应用，所以，跳转页面时，既要让URL发生变化，又不能重新加载项目的HTML文件 hash模式：利用web网页的锚点技术，在原有U 阅读全文

posted @ 2022-08-17 17:49 程序员冒冒阅读(83) 评论(0) 推荐(0) 编辑

vue学习之------自定义指令（全局）

摘要： main.js中定义：定义指令的函数为：directive（）指令名称：第一个参数 fontcolor 被绑定的元素：回调函数的第一个参数 el 指令被设置的具体值：回调函数的第二个参数 binding 具体使用：结果：阅读全文

posted @ 2022-08-17 00:46 程序员冒冒阅读(298) 评论(0) 推荐(0) 编辑

2022年8月16日

vue学习之------动态组件

摘要： vue 提供了一个组件的占位符 ———— <component :is="组件名"></component>，用来实现动态切换组件的显示与隐藏父组件中：如果希望切换组件时，不要销毁组件，可以加上 <keep-alive></keep-alive> 阅读全文

posted @ 2022-08-16 22:51 程序员冒冒阅读(20) 评论(0) 推荐(0) 编辑

vue学习之------ ref 引用

摘要： ref 引用的作用 ——— 在不依赖jQuery的情况下，获取到DOM元素或者组件的引用; 每个vue的实例上，都包含一个 $refs 对象 1、得到当前组件中所有的 ref 引用想通过ref属性得到DOM元素，必须先在标签上定义ref名字结果： 2、利用 ref 改变标签样式 3、利用 ref 阅读全文

posted @ 2022-08-16 20:30 程序员冒冒阅读(132) 评论(0) 推荐(0) 编辑

do whatever you want...