![](https://img-blog.csdnimg.cn/2019092715111047.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue3学习记录
Vue学习记录
一只漫步前行的羊
这个作者很懒,什么都没留下…
展开
-
Vue3学习记录——(9) isRef、isReactive、isProxy、toRaw
【代码】Vue3学习记录——(9) isRef、isReactive、isProxy、toRaw。原创 2023-09-23 17:37:45 · 117 阅读 · 0 评论 -
Vue3学习记录——(8) Teleport组件指定Dom渲染节点
to属性可以为节点选择器。原创 2023-09-20 14:12:05 · 116 阅读 · 0 评论 -
Vue3学习记录——(7) 异步加载defineAsyncComponent与Suspense组件
【代码】Vue3学习记录——(7) 异步加载defineAsyncComponent与Suspense组件。原创 2023-09-20 11:49:56 · 489 阅读 · 1 评论 -
Vue3学习记录——(6) computed与methods
-原创 2023-02-27 14:14:35 · 124 阅读 · 0 评论 -
Vue3学习记录——(5) 新特性
在Vue 2.x中,所有的节点(包括一些静态节点)在服务端返回时都会转换为虚拟DOM,再转换成HTML字符串返回给浏览器;Vue 3则将静态节点剥离成字符串,这部分内容不会转换成虚拟DOM,而是直接拼接返回,在效率上进行了提升。Vue 3里面新增件Teleport、Suspense、Fragments片段的内置组件,这里把内置组件称作可以直接写在里面而不需要格外引入的组件,而Fragments是一种新的特性,让开发者可以不用在中强制包裹一个根元素。原创 2023-02-23 18:23:50 · 80 阅读 · 0 评论 -
Vue3学习记录——(4) TypeScript
TypeScript是微软开发的一个开源的编程语言,通过在JavaScript的基础上添加静态类型定义构建而成,其通过TypeScript编译器或Babel转译为JavaScript代码,可运行在任何浏览器和操作系统上。TypeScript引入了很多新的特性,例如类型监测、接口等,这些特性在框架源码的维护上有很大的提升。原创 2023-02-22 18:11:55 · 71 阅读 · 0 评论 -
Vue3学习记录——(3) Tree shaking
Tree Shaking是一个术语,通常用于描述移除JavaScript上下文中的未引用代码,在一定程度上减少了资源的大小。原创 2023-02-22 17:51:51 · 111 阅读 · 0 评论 -
Vue3学习记录——(2)虚拟DOM、事件缓存
(事件缓存)在vue2.x中在绑定DOM事件时,例如@click,这些事件被认为是动态变量,所以每次更新视图的时候都会追踪它的变化,然后每次触发都要重新生成全新的函数,在Vue 3中,提供了事件缓存对象cacheHandlers,当cacheHandlers开启的时候,@click绑定的事件会被标记成静态节点,被放入cacheHandlers中,这样在视图更新时也不会追踪,当事件再次触发时,就无须重新生成函数,直接调用缓存的事件回调方法即可,在事件处理方面提升了Vue的性能。原创 2023-02-22 15:03:29 · 728 阅读 · 0 评论 -
Vue3学习记录——(1)MVC与MVVM
Model代表数据存储,主要用于实现数据的持久化;View代表用户界面(UI),主要用于实现页面的显示;Controller代表业务逻辑,串联起View和Model。MVVM是把MVC中的Controller去除了,取而代之的是ViewModel,是一个同步的View和Model的对象,作用是操作DOM,特点是双向数据绑定。原创 2023-02-22 10:57:25 · 163 阅读 · 0 评论