02 2023 档案
摘要：v-model 是如何实现的，语法糖实际是什么？ （1）作用在表单元素上 动态绑定了 input 的 value 指向了 messgae 变量，并且在触发 input 事件的时候去动态把 message设置为目标值： <input v-model="sth" /> // 等同于 <input v-b
阅读全文
摘要：上一节，我们深入分析了以data,computed为数据创建响应式系统的过程，并对其中依赖收集和派发更新的过程进行了详细的分析。然而在使用和分析过程中依然存在或多或少的问题，这一节我们将针对这些问题展开分析，最后我们也会分析一下watch的响应式过程。这篇文章将作为响应式系统分析的完结篇。 7.12
阅读全文
摘要：Vue为什么没有类似于React中shouldComponentUpdate的生命周期 考点: Vue的变化侦测原理 前置知识: 依赖收集、虚拟DOM、响应式系统 根本原因是Vue与React的变化侦测方式有所不同 当React知道发生变化后，会使用Virtual Dom Diff进行差异检测，但是
阅读全文
摘要：为了深入介绍响应式系统的内部实现原理，我们花了一整节的篇幅介绍了数据(包括data, computed,props)如何初始化成为响应式对象的过程。有了响应式数据对象的知识，上一节的后半部分我们还在保留源码结构的基础上构建了一个以data为数据的响应式系统，而这一节，我们继续深入响应式系统内部构建的
阅读全文
摘要：vue-router中如何保护路由 分析 路由保护在应用开发过程中非常重要，几乎每个应用都要做各种路由权限管理，因此相当考察使用者基本功。 体验 全局守卫： const router = createRouter({ ... }) router.beforeEach((to, from) =>
阅读全文
摘要：前面花了两节的内容介绍了组件，从组件的原理讲到组件的应用，包括异步组件和函数式组件的实现和使用场景。众所周知，组件是贯穿整个Vue设计理念的东西，并且也是指导我们开发的核心思想，所以接下来的几篇文章，将重新回到组件的内容去做源码分析，首先会从常用的动态组件开始，包括内联模板的原理，最后会简单的提到内
阅读全文
摘要：Vuex有哪几种属性？ 有五种，分别是 State、 Getter、Mutation 、Action、 Module state => 基本数据(数据源存放地) getters => 从基本数据派生出来的数据 mutations => 提交更改数据的方法，同步 actions => 像一个装饰器，包
阅读全文
摘要：从这一小节开始，正式进入Vue源码的核心，也是难点之一，响应式系统的构建。这一节将作为分析响应式构建过程源码的入门，主要分为两大块,第一块是针对响应式数据props,methods,data,computed,wather初始化过程的分析，另一块则是在保留源码设计理念的前提下，尝试手动构建一个基础的
阅读全文
摘要：说一下Vue的生命周期 Vue 实例有⼀个完整的⽣命周期，也就是从开始创建、初始化数据、编译模版、挂载Dom -> 渲染、更新 -> 渲染、卸载 等⼀系列过程，称这是Vue的⽣命周期。 beforeCreate（创建前）：数据观测和初始化事件还未开始，此时 data 的响应式追踪、event/wat
阅读全文
摘要：初学vue，你得知道我们是从new Vue开始的： new Vue({ el: '#app', data: obj, ... }) 那你觉得是不是很有意思，咱们new Vue之后，就可以使用他那么多的功能,可见Vue是暴出来的一个一个功能类函数，我们进入源码一探究竟： import Vue from
阅读全文
