03 2023 档案
摘要：Vue-router 路由模式有几种 vue-router 有 3 种路由模式：hash、history、abstract，对应的源码如下所示 switch (mode) { case 'history': this.history = new HTML5History(this, options.
阅读全文
摘要：Vue加载流程 1.初始化的第一阶段是Vue实例也就是vm对象创建前后：首先Vue进行生命周期，事件初始化发生在beforeCreate生命周期函数前，然后进行数据监测和数据代理的初始化，也就是创建vm对象的过程，当vm对象创建完成就可以通过vm对象访问到劫持的数据，比如data中的数据，metho
阅读全文
摘要：为什么要使用异步组件 节省打包出的结果，异步组件分开打包，采用jsonp的方式进行加载，有效解决文件过大的问题。 核心就是包组件定义变成一个函数，依赖import() 语法，可以实现文件的分割加载。 components:{ AddCustomerSchedule:(resolve)=>import
阅读全文
摘要：前言 有时候有些面试中经常会问到v-for与v-if谁的优先级高，这里就通过分析源码去解答一下这个问题。 下面的内容是在 当我们谈及v-model，我们在讨论什么?的基础上分析的，所以阅读下面内容之前可先看这篇文章。 继续从编译出发 以下面的例子出发分析： new Vue({ el:'#app',
阅读全文
摘要：Vue组件之间通信方式有哪些 Vue 组件间通信是面试常考的知识点之一，这题有点类似于开放题，你回答出越多方法当然越加分，表明你对 Vue 掌握的越熟练。 Vue 组件间通信只要指以下 3 类通信 ：父子组件通信、隔代组件通信、兄弟组件通信，下面我们分别介绍每种通信方式且会说明此种方法可适用于哪类组
阅读全文
摘要：原理性的东西就会文字较多，请耐下心来，细细品味 Vue中DOM更新机制 当你气势汹汹地使用Vue大展宏图的时候，突然发现，咦，我明明对这个数据进行更改了，但是当我获取它的时候怎么是上一次的值（本人比较懒，就不具体举例了👵） 此时，Vue就会说：“小样，这你就不懂了吧，我的DOM是异步更新的呀！！！
阅读全文
摘要：v-if和v-for哪个优先级更高 实践中不应该把v-for和v-if放一起 在vue2中，v-for的优先级是高于v-if，把它们放在一起，输出的渲染函数中可以看出会先执行循环再判断条件，哪怕我们只渲染列表中一小部分元素，也得在每次重渲染的时候遍历整个列表，这会比较浪费；另外需要注意的是在vue3
阅读全文
摘要：一、computed介绍 computed 用来监控自己定义的变量，该变量在 data 内没有声明，直接在 computed 里面定义，页面上可直接使用。 //基础使用 {{msg}} <input v-model="name" /> //计算属性 computed:{ msg:function()
阅读全文
