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

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

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

作者 声明 作者 作者：尚硅谷 张天禹链接：https://www.bilibili.com/video/BV1YS411w7Bf 声明 本部分是学习时记录的一些笔记，可能在学习过程中会有一些问题，请以原作者视频为主。

笔记 重要源码 App.vue components\Search.vue components\List.vue 笔记 一般把第三方库或样式放在一个公共的位置。 重要源码 App.vue <template > <!-- 来源 04_静态页面\2_users_page\index.html --> <div ...

笔记 视频内容 源码 components\Demo.vue 笔记 响应式的特点：只要属性值一变化，页面用到该属性的地方就会更新。 视频内容 readonly 与 shallowReadonly readonly: 让一个响应式数据变为只读的（深只读）。 shallowReadonly：让一个响应式数据变为只读的（浅只读）。 应用场景...

笔记 Vue2 Vue3 视频内容 源码 App.vue components\Demo.vue 笔记 Vue2 在 Vue2 中 vc身上的 $attrs 虽然可以接收父组件传递过来的属性(props接收之外的属性)，但是不能做类型限制，并且在模板中使用需要{{$attrs.***}} 。 <子组件>传递参数到子组件的 $slot...

笔记 笔记 Vuex 是什么？ 专门在 Vue 中实现集中式状态（数据） 管理的一个 Vue 插件 ； 对 vue 应用中多个组件的共享 状态 进行集中式的管理（读/写） ， 前面案例用到 users todos 一堆数据，也叫状态，或叫 状态数据。 下图举例说明：Vuex 和 各组件之间的关系

笔记 源码 App.vue components\Demo.vue hooks\usePoint.js 笔记 只要是在 setup(){} 写的API，都叫 组合式API(= Composition API) 源码 App.vue <template > <button @click ="isShowDemo = !is...

笔记 源码 store\loveTalk.ts components\LoveTalk.vue 笔记 订阅可以让我们监视Vuex中数据的修改。 源码 store\loveTalk.ts import {defineStore} from 'pinia' import axios from "axios" ; import ...