
vue3.0
dou_xiaobao
白羊座的女程序猿
展开
-
Vue3.0项目创建方式
1、 创建Vue3的3种方式 ① Vue-CLI 基于脚手架2.0或者脚手架3.0 ② Webpack 自己手动配置webpack环境 ③ Vite vue3新特性 <!-- Webpack -> git clone https://github.com/vuejs/vue-next-webpack-preview.git projectName cd projectName npm install npm run dev // Vue-CLI npm insta.原创 2020-10-30 16:24:16 · 922 阅读 · 0 评论 -
vue3.0Performance(性能)提升分析
vue3.0相对于vue2.0来说性能快1.2到1.5倍,主要原因如下: 1、diff方法优化 ①Vue2 中的虚拟dom是进行全量的杜比 ②Vue3 新增了静态标记(PatchFlag),只比对带有 PF 的节点,并且通过 Flag 的信息得知 当前节点要比对的具体内容。 具体如下展示: 2、静态提升 ① Vue2中无论元素是否参与更新, 每次都会重新创建, 然后再渲染 ② Vue3中对于不参与更新的元素, 会做静态提升, 只会被创建一次, 在渲染时直接复用即可 对上面的代码开启静态提升(hois.原创 2020-10-29 16:16:03 · 2960 阅读 · 1 评论