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 projectNamecd projectNamenpm installnpm run dev// Vue-CLI npm insta.原创 2020-10-30 16:24:16 · 861 阅读 · 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 · 2803 阅读 · 1 评论