ref() 教程内容 源码 App.vue ref() 教程内容 作用: 定义一个响应式的数据 语法: const xxx = ref(initValue) 创建一个包含响应式数据的引用对象（reference对象，简称ref对象） 。 JS中 操作数据： xxx.value 模板中 读取数据: 不需要.value，直接：<di...

学习 push 模式 replace 模式 视频教程中的笔记 学习 push 模式 打开页面的顺序，就是指针压栈Push的顺序(粉色框0→3);后退的顺序，就是指针Pop出栈的顺序(蓝色0→3); 默认为 push模式。 replace 模式 上图打开顺序中，对于历史记录而言，是直接替换replace操作（新的直接替换...

笔记 视频教程中的笔记 笔记 课程 :https://www.bilibili.com/video/BV1Zy4y1K7SH/?p=124 视频教程中的笔记 作用：让路由组件更方便的收到参数 { name:'xiangqing' , path:'detail/:id' , component:Detail, ...

笔记 视频教程中的笔记 笔记 课程 :https://www.bilibili.com/video/BV1Zy4y1K7SH/?p=122 给路由起名字之后，就可以在 标签的 to属性(该方法只适合 对象写法)中，直接使用 name 来简化比较深的路径字符串。 视频教程中的笔记 命名路由 作用：可以简化路由的跳转。 如何使用2.1 ...

视频教程中的笔记 视频教程中的笔记 作用：对路由进行权限控制 分类：全局守卫、独享守卫、组件内守卫 全局守卫: //全局前置守卫：初始化时执行、每次路由切换前执行 router.beforeEach((to,from ,next )=> { console .log('beforeEach' ,to,fro...

笔记 视频教程 源码 App.vue 笔记 setup 是 组合式 API 组合式 API:Composition API 想完Vue3,要先搞懂setup。 setup 是 Vu3 新提出来的一个配置项。 视频教程 拉开序幕的setup 理解：Vue3.0中一个新的配置项，值为一个函数。 setup是所有Co...

视频教程中的笔记 视频教程中的笔记 缓存路由组件 作用：让不展示的路由组件保持挂载，不被销毁。 具体编码： <keep-alive include ="News" > <router-view > </router-view > </keep-alive >

笔记 视频教程中的笔记 笔记 01:40 前面在介绍 生命周期函数的时候(049_生命周期_挂载流程 )，提到“生命周期图示”中有3个钩子函数没有在该图显示出来，分别是: 在DOM节点更新完毕时，调用的 nextTick(){}https://www.softool.cn/read/vuejs251026/2511010000.html 组...

视频教程中的笔记 视频教程中的笔记 组件内守卫： //进入守卫：通过路由规则，进入该组件时被调用 beforeRouteEnter (to, from , next) { }, //离开守卫：通过路由规则，离开该组件时被调用 beforeRouteLeave (to, from , next) { }

笔记 视频教程中的笔记 路由的params参数 笔记 课程 :https://www.bilibili.com/video/BV1Zy4y1K7SH/?p=123 视频教程中的笔记 路由的params参数 配置路由，声明接收params参数 { path :'/home' , component:...