qq_39454432的博客

Vue3 的 setup 生命周期函数中为什么不能使用 this ？

Vue2和Vue3生命周期的对比

单页面应用(SPA)首屏优化方案汇总

Vue中禁止遮罩层下面元素滑动在遮罩层标签上添加 @touchmove.prevent例：<div class=“mask” @touchmove.prevent></div>即可防止遮罩层下面的元素能滑动真机测试可用，浏览器或模拟器不可用

Vue中的 keep-alive 实现原理

什么是 Vue 实例，及其与组件的关系

对 Vue 中虚拟 DOM 的理解及其原理

Vue 数据双向绑定原理

Vue中 $attrs 的作用和使用方法

v-model的实现原理

Vue的父组件和子组件生命周期钩子函数执行顺序

Vue中实现【组件局部刷新】及【页面整体刷新】

Vue异步渲染DOM原理分析

Vue开发公共组件应注意哪些方面一、理论上来说，既然是使用vue开发可共用的组件。首先需要开发者具备组件化的思想。公共组件开发的目的就是为了复用性，要保证复用性高就要求我们开发出来的组件应具备高内聚、低耦合的特性二、实现上来说，我们应尽量做到以下几点：1. 和业务有关的数据不要在公共组件中获取和处理，数据尽量从父组件传入为了和业务与其他的组件解耦，子组件本身就不应该生成数据。即使生成了，也只能在组件内部运作，不能传递出去。父对子传参，就需要用到 props，但是通用组件的的应用场景比较复杂，对 p

Vue 三步实现路由懒加载安装依赖包：@babel/plugin-syntax-dynamic-import在babel：config.js配置文件中声明该插件将路由改为按需加载的形式const Foo=>import(/* webpackchunkName: “group-foo” */, ‘./Foo.vue’)

Vue.js 中hash路由和history路由原理及优缺点hash模式:原理: 在 url 中的 # 之后对应的是 hash 值, 其原理是通过hashChange() 事件监听hash值的变化, 根据路由表对应的hash值来判断加载对应的路由加载对应的组件优点:(1) 只需要前端配置路由表, 不需要后端的参与(2) 兼容性好, 浏览器都能支持(3) hash值改变不会向后端发送请求, 完全属于前端路由缺点:(1) hash值前面需要加#, 不符合url规范,也不美观history模

开发一个Vue CLI 插件使用场景：在我们开发vue项目时，经常使用vue cli直接创建项目，vue cli 可以直接给项目集成一些常用的插件，比如我们可以选择性的集成 eslint，typescript 等前端通用的插件，非常方便。但是现在有一个实际的问题，我们在公司的实际开发中经常需要做一些定制化的开发，并且在公司中的多个项目中都是此类的统一风格，此时我们就可以使用 vue cli 插件去实现定制化的插件开发。对 vue cli 的理解：一个cli插件就是一个npm包，能够为vue cli创建的

Vue3.0新特性performancetree-shakingcomposition APIfragment，teleport，suspense，better typescript supportcustom renderer API一，performance（性能）rewrite virtual dom implementation（重写虚拟dom）保留virtual dom是因为1. 保留兼容性能2. 提供了很好的，在模版之外进行的更复杂灵活的逻辑处理能力静态提升的方面1