摘要: ### Composition API 与 Options API 有什么不同 **分析** `Vue3`最重要更新之一就是`Composition API`,它具有一些列优点,其中不少是针对`Options API`暴露的一些问题量身打造。是`Vue3`推荐的写法,因此掌握好`Compositio 阅读全文
posted @ 2023-05-19 16:08 bb_xiaxia1998 阅读(31) 评论(0) 推荐(0) 编辑
摘要: # 前言 在Vue组件库开发过程中,Vue组件之间的通信一直是一个重要的话题,虽然官方推出的 Vuex 状态管理方案可以很好的解决组件之间的通信问题,但是在组件库内部使用 Vuex 往往会比较重,本文将系统的罗列出几种不使用 Vuex,比较实用的组件间的通信方式,供大家参考。 # 组件之间通信的场景 阅读全文
posted @ 2023-05-19 16:06 bb_xiaxia1998 阅读(57) 评论(0) 推荐(0) 编辑
摘要: ### watch 原理 `watch` 本质上是为每个监听属性 `setter` 创建了一个 `watcher`,当被监听的属性更新时,调用传入的回调函数。常见的配置选项有 `deep` 和 `immediate`,对应原理如下 * `deep`:深度监听对象,为对象的每一个属性创建一个 `wat 阅读全文
posted @ 2023-05-19 16:05 bb_xiaxia1998 阅读(24) 评论(0) 推荐(0) 编辑
摘要: # vue组件通信方式 ### 一、`props`(父向子传值 自定义属性) / $emit(子向父传值 自定义事件) 父组件通过`props`的方式向子组件传递数据,而通过`$emit` 子组件可以向父组件通信。 #### 1. 父组件向子组件传值(props) 下面通过一个例子说明父组件如何向子 阅读全文
posted @ 2023-05-19 16:04 bb_xiaxia1998 阅读(8) 评论(0) 推荐(0) 编辑
摘要: Vue-router 路由模式有几种 vue-router 有 3 种路由模式:hash、history、abstract,对应的源码如下所示 switch (mode) { case 'history': this.history = new HTML5History(this, options. 阅读全文
posted @ 2023-03-13 17:58 bb_xiaxia1998 阅读(102) 评论(0) 推荐(0) 编辑
摘要: Vue加载流程 1.初始化的第一阶段是Vue实例也就是vm对象创建前后:首先Vue进行生命周期,事件初始化发生在beforeCreate生命周期函数前,然后进行数据监测和数据代理的初始化,也就是创建vm对象的过程,当vm对象创建完成就可以通过vm对象访问到劫持的数据,比如data中的数据,metho 阅读全文
posted @ 2023-03-13 17:58 bb_xiaxia1998 阅读(43) 评论(0) 推荐(0) 编辑
摘要: 为什么要使用异步组件 节省打包出的结果,异步组件分开打包,采用jsonp的方式进行加载,有效解决文件过大的问题。 核心就是包组件定义变成一个函数,依赖import() 语法,可以实现文件的分割加载。 components:{ AddCustomerSchedule:(resolve)=>import 阅读全文
posted @ 2023-03-13 17:57 bb_xiaxia1998 阅读(32) 评论(0) 推荐(0) 编辑
摘要: 前言 有时候有些面试中经常会问到v-for与v-if谁的优先级高,这里就通过分析源码去解答一下这个问题。 下面的内容是在 当我们谈及v-model,我们在讨论什么?的基础上分析的,所以阅读下面内容之前可先看这篇文章。 继续从编译出发 以下面的例子出发分析: new Vue({ el:'#app', 阅读全文
posted @ 2023-03-13 17:57 bb_xiaxia1998 阅读(23) 评论(0) 推荐(0) 编辑
摘要: Vue组件之间通信方式有哪些 Vue 组件间通信是面试常考的知识点之一,这题有点类似于开放题,你回答出越多方法当然越加分,表明你对 Vue 掌握的越熟练。 Vue 组件间通信只要指以下 3 类通信 :父子组件通信、隔代组件通信、兄弟组件通信,下面我们分别介绍每种通信方式且会说明此种方法可适用于哪类组 阅读全文
posted @ 2023-03-01 09:41 bb_xiaxia1998 阅读(28) 评论(0) 推荐(0) 编辑
摘要: 原理性的东西就会文字较多,请耐下心来,细细品味 Vue中DOM更新机制 当你气势汹汹地使用Vue大展宏图的时候,突然发现,咦,我明明对这个数据进行更改了,但是当我获取它的时候怎么是上一次的值(本人比较懒,就不具体举例了👵) 此时,Vue就会说:“小样,这你就不懂了吧,我的DOM是异步更新的呀!!! 阅读全文
posted @ 2023-03-01 09:40 bb_xiaxia1998 阅读(10) 评论(0) 推荐(0) 编辑