![](https://img-blog.csdnimg.cn/20190918140053667.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue3项目
文章平均质量分 83
工具人的踩坑之路
敲啊敲9527
这个作者很懒,什么都没留下…
展开
-
Vue3 – Composition Api
🍕🍕🍕 在vue2中,编写组件的方式都是一个一个固定的选项(options),例如,data定义数据methods中定义方法computed中定义计算属性watch中监听属性改变(也包括生命周期钩子)随着项目的不断迭代,也就意味着功能越来越多,当组件变得更大更复杂时、逻辑关注点的列表就会增长、同一个功能的逻辑就会被拆分的很分散;后期迭代开发会更挠头😒😒😒如果能将同一个逻辑关注点相关的代码放在一起那么开发不就更清晰了吗。原创 2023-10-23 10:32:34 · 143 阅读 · 0 评论 -
04-vue3为什么用Proxy API替代 defineProperty API
Object.defineProperty 只能遍历对象属性进行劫持= null) {Proxy 直接可以劫持整个对象,并返回一个新对象,可以只操作新的对象达到响应式目的= null) {const res = Reflect . get(t , k , c) console . log(` 获取 ${ k } : ${ res } `) return res } , set(t , k , v , r) {原创 2023-06-22 19:30:00 · 322 阅读 · 0 评论 -
Vue3.0性能提升主要是通过哪几方面体现的(了解)
回顾Vue2,我们知道每个组件实例都对应一个 watcher 实例,它会在组件渲染的过程中把用到的数据property记录为依赖,当依赖发生改变,触发setter,则会通知watcher,从而使关联的组件重新渲染。当静态内容大到一定量级时候,会用createStaticVNode方法在客户端去生成一个static node,这些静态node,会被直接innerHtml,就不需要创建对象,然后根据对象渲染。这样就免去了重复的创建节点,大型应用会受益于这个改动,免去了重复的创建操作,优化了运行时候的内存占用。原创 2023-06-09 19:30:00 · 1160 阅读 · 0 评论 -
vue3、组合式api的原因、
vue3中的属性绑定:默认所有属性都绑定到根元素 使用 inheritAttrs:false 可以取消默认绑定;使用attrs或者context.attrs 获取所有属性;使用v-bind=“$attrs” 批量绑定属性;使用 const {size,level,…rest} = context.attrs 将属性分开。– 新增的 context.emit 与 this.$emit 作用相同。而 vue2用的是 new Vue()vue3的Template 支持。根标签,vue2不支持。原创 2023-05-09 15:47:13 · 216 阅读 · 0 评论 -
vue3之路-依赖注入、常用钩子
依赖注入的学习 解决了多层级嵌套组件,某个深层的子组件需要一个较远的祖先组件中的部分数据。原创 2023-03-09 10:54:50 · 176 阅读 · 0 评论