ylp的博客

1.安装less、less-loader npm i less-loader less --save-dev 2.安装style-resources-loader npm i style-resources-loader --save-dev 3.安装vue-cli-plugin-style-resources-loader npm i vue-cli-plugin-style-resources-loader --save-dev 4.配置vue.config.js const path = req

vue1和vue2用的是vue-lazyload，没想到vue3不支持报错 vue3这个样子 引入命令 npm install vue3-lazy -S 引入 import VueLazyload from 'vue3-lazy' app.use(VueLazyload,{ error: require('./assets/404.png'),//当加载图片失败的时候 loading: require('./assets/200.png'),//当加载图片成功的时候 preLoad

用的是vue-cli3.x 如果是3以下的版本，需卸载重装 卸载命令 npm uninstall -g vue-cli

vue3.0 diff算法-理解 在vue2.x中，需要对每一层DOM树进行diff算法差异匹配，（静态数据和动态数据都进行匹配） vue3.0中，只比较添加静态标记的 例 -diff方法优化 vue2中的虚拟dom是进行全量的对比 vue3新增了静态标记（PatchFlag） 在与上次虚拟节点进行对比时候，只对比带有patch flag的节点 并且可以通过flag的信息得知当前节点要对比的具体内容 -hoistStatic 静态提升 vue2中无论元素是否参与更新，每次都会重新..