前端框架vue
文章平均质量分 94
weixin_37989623
这个作者很懒,什么都没留下…
展开
-
vue中mixin用法
mixins出现的原因?我们在开发组件的过程中,常常会遇到一些具有相同逻辑和功能的组件,如果每个组件各写一套方法会导致代码冗余,后期更改的时候也要一个个的改非常的浪费时间和精力,所以需要将这些多个相同的逻辑抽离出来,各个组件只需要引入,就能实现一次写代码,多组件复用,由此mixin便来了。mixins是什么?混入 (mixin) 提供了一种非常灵活的方式,来分发Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。m.原创 2021-08-29 15:05:34 · 821 阅读 · 0 评论 -
深入浅出Vue3 Composition API
参考网址:https://mp.weixin.qq.com/s/QvEzoQqZG6db7nK_BYK89Ahttps://mp.weixin.qq.com/s/wBlFwfLjOEWljevoRWToaAhttps://www.vue3js.cn/docs/zh/api/composition-api.html#setup(vue3官方文档)原创 2021-08-26 19:16:14 · 574 阅读 · 0 评论 -
浅谈Vue3 Composition API ref
什么是Composition ApiVue3.0带来了一个全新的特性(Composition API),字面意思就是“组合 API”,它是为了实现基于函数的逻辑复用机制而产生的。Vue2中的Option API在了解Composition Api之前,首先回顾下我们在Vue2中使用Option Api遇到的问题,我们在Vue2中常常会需要在特定的区域(data,methods,watch,computed…)编写负责相同功能的代码。我们通过下面这张图看下option apioption ap原创 2021-08-11 16:58:13 · 393 阅读 · 0 评论 -
浅谈Vue3响应式原理
实现响应式思路响应式的思路一般都是这样一个模型定义某个数据为响应式数据,它会拥有收集访问它的函数的能力定义观察函数,在这个函数内部去访问响应式数据,访问到响应式数据的某个key的时候,会建立一个依赖关系key -> reaction观察函数检测到响应式数据的key的值更新的时候,会去重新执行一遍它所收集的所有reaction观察函数我们看个例子:// 响应式数据const state = reactive({ count: 0, age: 18})// 观察函数co原创 2021-08-10 21:12:11 · 560 阅读 · 0 评论