- 博客(3)
- 收藏
- 关注
原创 vue3.0 Composition-API
目录一、Composition-API基本用法二、Composition-API抽取三、Composition-API抽取优化四、Composition-API本质 一、Composition-API基本用法 <template> <div> <p>{{count}}</p> <button @click="myFn">按钮</button> </div> </template> <
2021-03-03 17:18:50 262 1
原创 vue3.0快速上手
目录一、创建vue3.0的3种方式二、什么是Vite三、vue3.0兼容vue2.x四、vue2.x的问题 一、创建vue3.0的3种方式 + Vue-CLI + Webpack + Vite 二、什么是Vite Vite是Vue作者尤雨溪开发的一款意图取代webpack的工具 其实现原理是利用ES6的import会发送请求去加载文件的特性, 拦截这些请求, 做一些预编译, 省去webpack冗长的打包时间 安装Vite npm install -g create-vite-app 利用
2021-03-01 16:33:57 214
原创 vue3.0的性能提升
目录一、diff算法优化二、hoistStatic 静态提升三、事件侦听器缓存四、SSR渲染 一、diff算法优化 Vue2中的虚拟dom是进行全量的对比的。 Vue3新增了静态标记(PatchFlag),在与上次虚拟节点进行对比时候,只对比带有patch flag的节点 并且可以通过flag的信息得知当前节点要对比的具体内容 如上图所示,第四个绑定了数据会动态改变的,多传入了一个静态标记,标记取值类别说明见附录 二、hoistStatic 静态提升 Vue2中无论元素是否参与更新, 每次都会重新创建
2021-02-26 16:42:46 504
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人