自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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> &lt

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关注的人

提示
确定要删除当前文章?
取消 删除