03 2023 档案
摘要：computed 的实现原理 computed 本质是一个惰性求值的观察者。 computed 内部实现了一个惰性的 watcher,也就是 computed watcher,computed watcher 不会立刻求值,同时持有一个 dep 实例。 其内部通过 this.dirty 属性标记计算
阅读全文
摘要：能让你首次加载更快的路由懒加载，怎么能忘？ 路由懒加载可以让我们的包不需要一次把所有的页面的加载进来，只加载当前页面的路由组件就行。 举个🌰，如果这样写，加载的时候会全部都加载进来。 const router = new VueRouter({ routes:[ { path: '/', name
阅读全文
摘要：Vuex有哪几种属性？ 有五种，分别是 State、 Getter、Mutation 、Action、 Module state => 基本数据(数据源存放地) getters => 从基本数据派生出来的数据 mutations => 提交更改数据的方法，同步 actions => 像一个装饰器，包
阅读全文
摘要：1.动态组件 <component :is='组件名'></component> 结合v-for循环使用 使用环境 如图，这是一个v-for渲染的列表(只是目前这个版块才刚开始做，目前只有一个)，圆圈内的就是一个组件，也就是要v-for动态组件 实际使用 一开始就是基本的组件引入了 import C
阅读全文
摘要：Vue中key的作用 vue 中 key 值的作用可以分为两种情况来考虑： 第一种情况是 v-if 中使用 key。由于 Vue 会尽可能高效地渲染元素，通常会复用已有元素而不是从头开始渲染。因此当使用 v-if 来实现元素切换的时候，如果切换前后含有相同类型的元素，那么这个元素就会被复用。如果是相
阅读全文
摘要：准备：自定义指令介绍 除了核心功能默认内置的指令 (v-model 和 v-show等)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。 作为使用Vue的开发者，我们对
阅读全文
摘要：Watch中的deep:true是如何实现的 当用户指定了 watch 中的deep属性为 true 时，如果当前监控的值是数组类型。会对对象中的每一项进行求值，此时会将当前 watcher存入到对应属性的依赖中，这样数组中对象发生变化时也会通知数据更新 源码相关 get () { pushTarg
阅读全文
摘要：本文将带大家快速过一遍Vue数据响应式原理，解析源码，学习设计思路，循序渐进。 数据初始化 _init 在我们执行new Vue创建实例时，会调用如下构造函数，在该函数内部调用this._init(options)。 import { initMixin } from "./init.js"; //
阅读全文
