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

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

笔记 路由 和 路由器 SPA 笔记 路由 和 路由器 SPA SPA = Single Page web Application 单页Web应用 4:10 多页面的缺点: 跳的过程中，有抖的感觉。 16:1418:39 value 有可能是 组件(前端路由) 或 函数(后端路由)。 vue-route...

笔记 重要文件源码 components\count.vue 笔记 安装 vue-resource 包 npm i vue-resource 引入 vue-resource 包，会在 vc 上多一个 $http ，如下图所示： 重要文件源码 components\count.vue <template > <div ...

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

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

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

笔记 toRef 视频内容 源码 Demo.html Demo.vue 笔记 toRef 把一个 xxx 东西 变为 另外一个 xxx 东西。 视频内容 toRef 作用：创建一个 ref 对象，其value值指向另一个对象中的某个属性。 语法：const name = toRef(person,'name') 应用: ...

笔记 笔记 课程 :https://www.bilibili.com/video/BV1Zy4y1K7SH/?p=121 本例实际上是一个三级路由，如下图所示: query参数的意思: ?key0=value0 & key1=value1 & ... 该结构中有: 问号? &符分割key=value

笔记 笔记 嵌套路由，本节实现效果: 嵌套路由，又称为 多级路由：例如本例中点了 Home , 又在 Home组件中点了 “News或Message”