reactive
-
React 源码解读之首次渲染流程
说明:本文结论均基于 React 16.13.1 得出,若有出入请参考对应版本源码 题目 在开始进行源码分析前,我们先来看几个题目: 题目一: 渲染下面的组件,打印顺序是什么? i…
-
uni-app 如何使用自定义插槽 slot
• uniapp 如何使用自定义插槽 slot • 默认插槽(匿名插槽)的使用 • 具名插槽的使用 • 作用域插槽的使用(Vue 2.x 版…
-
解释 ref和 reactive 区别
• 解释 ref和 reactive 区别 • ref 实现原理: • reactive 实现原理: 解释 ref和 reactive 区别 简述 在…
-
vue中 watch 和 watchEffect 的区别
• watch 和 watchEffect 的区别 • watch • watchEffect • 使用举例 • 总结 •&nbs…
-
vue3.x学习笔记之项目实战 — 应用配置
• Vue3.x 应用配置 • devtools(类型:Boolean,默认:true) • errorHandler(类型:Function,参数e…
-
vue3.x学习笔记之项目实战 — 自动导入composition-apiI和组件
• vue3 自动导入composition-api和组件 • api的自动导入 • 插件 unplugin-auto-import •&…
-
vue3.x学习笔记之项目实战 — 父子组件的生命周期
• vue3 中父子组件的生命周期 • 挂载阶段 Mounting • 更新阶段 Updating • 卸载阶段 Unmounting •&…
-
vue3.x学习笔记之项目实战 — 如何封装echarts组件
要在Vue 3中封装一个ECharts组件,并且使用TypeScript进行类型定义,你可以按照以下步骤操作: 安装echarts 首先,确保已经安装了ECharts包。如果没有安…
-
vue3中getCurrentInstance
• getCurrentInstance 简述 • const { proxy } = getCurrentInstance() • getCurre…
-
入门GSAP动画——一个简单的数字滚动动画
照常浏览vuejs官网,在动画这一章节,看到基于侦听器的动画 基于侦听器的动画 通过发挥一些创意,我们可以基于一些数字状态,配合侦听器给任何东西加上动画。例如,我们可以将数字本身变…
-
Vue3 父传子 组件传参
需求 Vue3 父组件传递子组件值 实现 defineProps 属性:用于接收父组件传递过来的数据。 注意:如果 defineProps 接收的参数名,和已有变量名相同,就会造成…
-
实现一个迷你版的vue
入口 // js/vue.jsclass Vue { constructor (options) { // 1. 通过属性保存选项的数据 this.$options = optio…
-
Vue3的响应式实现
vue3的响应式是通过proxy实现的,在源码的/packages/reactivity目录下。 整个响应式系统的流程如下: 1、通过state = reactive(target…
-
Vue3: ref() 与 reactive() 的比较——如何正确选择?
❝ 原文地址:Ref() vs Reactive() in Vue 3 — what’s the right choice?[1],2022.01.29,by Bartosz Sa…
-
Vue.js 3.0:入门教程(组合式 API)
最近发现,Vue、Preact、Solid、Svelte 官网都有非常好的交互式入门教程,这对快速了解一个框架非常有帮助,正好自己也想了解学习一下,就从 Vue 开始。 Vue 是…
-
vue-demi:编写同时适配 Vue 2 和 3 的公共库
Vue 2 在 2023 年 12 月 31[1] 日已经中止官方支持,由于 Vue 2 跟 Vue 3 之间比较多的不兼容,导致代码迁移比较困难,现在 Vue 2 的使用群体仍然…