摘要: 为什么要使用异步组件 节省打包出的结果,异步组件分开打包,采用jsonp的方式进行加载,有效解决文件过大的问题。 核心就是包组件定义变成一个函数,依赖import() 语法,可以实现文件的分割加载。 components:{ AddCustomerSchedule:(resolve)=>import 阅读全文
posted @ 2022-12-19 11:53 bb_xiaxia1998 阅读(44) 评论(0) 推荐(0)
摘要: 一、Vue3 与 Vue2 区别详述 1. 生命周期 对于生命周期来说,整体上变化不大,只是大部分生命周期钩子名称上 + “on”,功能上是类似的。不过有一点需要注意,Vue3 在组合式API(Composition API,下面展开)中使用生命周期钩子时需要先引入,而 Vue2 在选项API(Op 阅读全文
posted @ 2022-12-19 11:52 bb_xiaxia1998 阅读(112) 评论(0) 推荐(0)
摘要: vue初始化页面闪动问题 使用vue开发时,在vue初始化之前,由于div是不归vue管的,所以我们写的代码在还没有解析的情况下会容易出现花屏现象,看到类似于{{message}}的字样,虽然一般情况下这个时间很短暂,但是还是有必要让解决这个问题的。 首先:在css里加上以下代码: [v-cloak 阅读全文
posted @ 2022-12-19 11:51 bb_xiaxia1998 阅读(158) 评论(0) 推荐(0)
摘要: 原理性的东西就会文字较多,请耐下心来,细细品味 Vue中DOM更新机制 当你气势汹汹地使用Vue大展宏图的时候,突然发现,咦,我明明对这个数据进行更改了,但是当我获取它的时候怎么是上一次的值(本人比较懒,就不具体举例了👵) 此时,Vue就会说:“小样,这你就不懂了吧,我的DOM是异步更新的呀!!! 阅读全文
posted @ 2022-12-19 11:51 bb_xiaxia1998 阅读(16) 评论(0) 推荐(0)
摘要: Vue.extend 作用和原理 官方解释:Vue.extend 使用基础 Vue 构造器,创建一个“子类”。参数是一个包含组件选项的对象。 其实就是一个子类构造器 是 Vue 组件的核心 api 实现思路就是使用原型继承的方法返回了 Vue 的子类 并且利用 mergeOptions 把传入组件的 阅读全文
posted @ 2022-12-19 11:37 bb_xiaxia1998 阅读(41) 评论(0) 推荐(0)
摘要: 引言 在这里我先提出两个问题(文章末尾会进行解答): 在Vue的数据响应系统中,Dep和Watcher各自分担什么任务? Vue的数据响应系统的核心是Object.defineproperty一定是最好的吗?有什么弊端和漏洞吗? 一、什么是响应系统中的Watcher,它的作用是什么? 响应系统中的W 阅读全文
posted @ 2022-12-19 11:36 bb_xiaxia1998 阅读(47) 评论(0) 推荐(0)
摘要: Redux 和 Vuex 有什么区别,它们的共同思想 (1)Redux 和 Vuex区别 Vuex改进了Redux中的Action和Reducer函数,以mutations变化函数取代Reducer,无需switch,只需在对应的mutation函数里改变state值即可 Vuex由于Vue自动重新 阅读全文
posted @ 2022-12-19 11:36 bb_xiaxia1998 阅读(124) 评论(0) 推荐(0)
摘要: 什么是 keep-alive 在平常开发中,有部分组件没有必要多次初始化,这时,我们需要将组件进行持久化,使组件的状态维持不变,在下一次展示时,也不会进行重新初始化组件。 也就是说,keepalive 是 Vue 内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染 。也就是所谓的组件缓存 < 阅读全文
posted @ 2022-12-19 11:35 bb_xiaxia1998 阅读(16) 评论(0) 推荐(0)