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

笔记 源码 main.js School.vue 笔记 全局事件总线：任意组件间通信。 事件总线的原理: 源码 main.js //引入Vue import Vue from 'vue' //引入App import App from './App.vue' //关闭Vue的生产提示 Vue.config.pr...

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

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

笔记 视频内容 源码 components\Dialog.vue teleport 远距离传送英[ˈtelipɔːt]美[ˈtelipɔːrt] 笔记 数据驱动显示。 视频内容 什么是Teleport？—— Teleport 是一种能够将我们的组件html结构 移动到 指定位置 的技术。 <teleport to ="移...

学习 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, ...

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

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

笔记 视频内容 源码 App.vue 笔记 reactive 响应，反应 Vue3 在处理 对象的响应式时，使用的是 Proxy 。 reactive 的目的： 让原对象变为响应式的对象。 视频内容 作用: 定义一个对象类型 的响应式数据（基本类型不要用它 ，要用ref 函数） 语法：const 代理对象= reactive(源对象...