笔记 视频教程中的笔记 笔记 本节实现：只对 新闻 路由限制，只有新闻路由是atguigu，才能看。 视频教程中的笔记 独享守卫: beforeEnter(to,from ,next){ console .log('beforeEnter' ,to,from ) if (to.meta.isAuth){ /...

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

笔记 源码 store\count.ts components\Count.vue 笔记 如果有一天，你对 Pinia 中的数据不满意，可以追加一些配置项。例如: getters 源码 store\count.ts import {defineStore} from 'pinia' //因为当前演示项目中，有一个 count组...

笔记 视频内容 源码 App.vue 笔记 suspense 悬念英[səˈspens]美[səˈspens] 视频内容 Suspense 等待异步组件时渲染一些额外内容，让应用有更好的用户体验 使用步骤： 异步引入组件 import {defineAsyncComponent} from 'vue' const...

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

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

笔记 hash 工作模式 history 工作模式 视频教程中的笔记 笔记 路由器的两种工作模式: hash 工作模式 http: //localhost:8080/ # 其中 # 号，官方叫做 hash。 hash #号英[hæʃ] 美[hæʃ] 从 # 号开始，一直到后面的所有内容 ，都叫 hash 值 。默认开启 的是...

笔记 视频内容 1.全局API的转移 2.其他改变 笔记 Vue3 没有 生产提示 配置项。 视频内容 1.全局API的转移 Vue 2.x 有许多全局 API 和配置。 例如：注册全局组件、注册全局指令等。 //注册全局组件 Vue.component('MyButton' , { data : () => ({ ...

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

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