作者 声明 作者 作者：尚硅谷 禹神链接：https://www.bilibili.com/video/BV1Zy4y1K7SH 声明 本部分是学习时记录的一些笔记，所以记录过程中难免会有一些问题，请以原作者视频为主。 《vuejs从入门到精通 第一部分 学习笔记》https://www.softool.cn/books/vuejs2...

笔记 源码 模拟Vue3 实现响应式 总结 Vue3.0中的响应式原理 vue2.x的响应式 Vue3.0的响应式 笔记 ECMA组织，正在尝试将 Object身上有用的东西移植到 Reflect身上。例如: let obj = {a:1 ,b:2 } //为 obj 添加 属性c Object.defineProperty(ob...

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

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

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

笔记 源码 main.ts store\count.ts store\loveTalk.ts components\Count.vue components\LoveTalk.vue 笔记 Pinia 强调的是 分类。 store 目录就是 Pinia 的一个体现，可以理解为： store 是 Pinia 世界的一个总经理。 源码...

笔记 结构 组件的定义 模块 模块化(adj.) 组件化(adj.) 笔记 结构 上图表达的意思： 所有的组件 都要听 大哥vm 的指挥(谁先谁后，往哪摆); 组件可以嵌套; 组件的定义 实现应用中局部 功能代码 和资源 的集合 。 模块 一个模块就是一个.js 文件 模块化(adj.) 我们把一个大的 ....

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

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

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