- 博客(6)
- 收藏
- 关注
RSS订阅原创 Vuex状态管理器——vuex基本用法
Vue 最核心的两个功能：数据驱动和组件化。 组件化开发给我们带来了： 更快的开发效率 更好的可维护性 每个组件都有自己的状态、视图和行为等组成部分。 状态管理包含以下几部分： state，驱动应用的数据源； view，以声明方式将 state 映射到视图； actions，响应在 view 上的用户输入导致的状态变化。 组件间通信方式回顾 大多数场景下的组件都并不是独立存在的，而是相互协作共同构成了一个复杂的业务功能。在 Vue 中为 不同的组件关系提供了不同的通信规则 VUEX介绍 Vuex
2021-11-28 10:51:08
419
原创 Vuex状态管理器——组件之间的通信
文章目录父传子：Props Down子传父：Event Up非父子组件：Event Bus父直接访问子组件：通过 ref 获取子组件简易的状态管理方案 Vue 最核心的两个功能：数据驱动和组件化。 组件化开发给我们带来了： 更快的开发效率 更好的可维护性 每个组件都有自己的状态、视图和行为等组成部分。 状态管理包含以下几部分： state，驱动应用的数据源； view，以声明方式将 state 映射到视图； actions，响应在 view 上的用户输入导致的状态变化。 组件间通信方式回顾 大多数
2021-11-27 23:31:05
479
原创 Vue 中模板编译的过程
1、缓存公共的 mount 函数，并重写浏览器平台的 mount 2、判断是否传入了 render 函数，没有则判断是否传入了 remplate,没有的话则获取 el 节点的 outerHTML 作为 template 3、调用 baseCompile 函数 4、解析器（parse）将模板字符串的模板编译转换成 AST 抽象语法树。parse 的核心就是 parseHTML 将HTML 转换为 AST 并返回，在处理 v-for,v-if,v-once 时先移除指令，然后将指令的值记录在树上 5、优化器（.
2021-11-13 17:33:44
1064
1
原创 虚拟 DOM 中 Key 的作用和好处
在 v-for 的过程中，为给每一个节点设置 key 属性的作用： 以便它能够每一个节点的身份，在进行比较的时候，会基于 key 的变化重新排列元素顺序。从而重用和重新排序现有元素， 并且会移除 key 不存在的元素。方便让 vnode 在 diff 的过程中找到对应的节点，然后成功复用。 设置 key 的好处 可以减少 dom 的操作，减少 diff 和渲染所需要的时间，提升了性能。 ...
2021-11-13 17:30:33
318
1
原创 Vue 响应式原理
一，入口，initState() vm 状态的初始化，整个影响是从 init 方法中开始的， 在 init 方法中，调用 initState 方法初始化状态， 在 initState 方法中调用 initData(), 将 data 属性注入到 vue 实例上，并且调用 observe() 将其转化为 响应式对象，observe 是响应式的入口。 二，observe(value) 位于 src/core/observer/index.js，首先判断 value 是否是对象，如果不是对象直接返回，判断 val
2021-11-13 17:26:49
212
1
原创 Vue 首次渲染的过程
一，从入口文件开始 定义在 src/platform/web/entry-runtime-with-compiler.js 二，Vue 初始化过程 1，首先取出 Vue 的 $mount 进行重写，给 $mount 增加新的功能 // src/platform/web/entry-runtime-with-compiler.js // 保留 Vue实例的 $mount 方法 const mount = Vue.prototype.$mount Vue.prototype.$mount = f
2021-11-13 17:24:31
1498
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人