首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
VUE3 Composition API
前端禁止场所
创建于2021-11-18
订阅专栏
VUE3 Composition API
等 1 人订阅
共11篇文章
创建于2021-11-18
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
VUE3 组件通信provide 与 inject
provide 与 inject provide和inject提供依赖注入,功能类似 2.x 的provide/inject 实现跨层级组件(祖孙)间通信
VUE3 toRef与customRef
toRef 为源响应式对象上的某个属性创建一个 ref对象, 二者内部操作的是同一个数据值, 更新时二者是同步的 区别ref: 拷贝了一份新的数据值单独操作, 更新时相互不影响 应用: 当要将 某个p
VUE3 toRaw 与 markRaw
toRaw 与 markRaw toRaw 返回由 reactive 或 readonly 方法转换成响应式代理的普通对象。 这是一个还原方法,可用于临时读取,访问不会被代理/跟踪,写入时也不会触发界
VUE3 readonly 与 shallowReadonly
readonly 与 shallowReadonly readonly: 深度只读数据 获取一个对象 (响应式或纯对象) 或 ref 并返回原始代理的只读代理。 只读代理是深层的:访问的任何嵌套 pr
VUE3 shallowReactive 与 shallowRef
shallowReactive 与 shallowRef shallowReactive : 只处理了对象内最外层属性的响应式(也就是浅响应式) shallowRef: 只处理了value的响应式,
VUE3 toRefs+ref
toRefs 把一个响应式对象转换成普通对象,该普通对象的每个 property 都是一个 ref 应用: 当从合成函数返回响应式对象时,toRefs 非常有用,这样消费组件就可以在不丢失响应式的情况
简单理解VUE3 hook
自定义hook函数 使用Vue3的组合API封装的可复用的功能函数 自定义hook的作用类似于vue2中的mixin技术 自定义Hook的优势: 很清楚复用功能代码的来源, 更清楚易懂 需求1: 收集
VUE3生命周期
生命周期 vue2.x的生命周期 https://cn.vuejs.org/v2/guide/instance.html#%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E5
比较Vue2与Vue3的响应式
1) 比较Vue2与Vue3的响应式(重要) vue2的响应式 核心: 对象: 通过defineProperty对对象的已有属性值的读取和修改进行劫持(监视/拦截) 数组: 通过重写数组更新数组一系列
VUE3中Composition API(常用部分)
1) setup 新的option, 所有的组合API函数都在此使用, 只在初始化时执行一次 函数如果返回对象, 对象中的属性或方法, 模板中可以直接使用 2) ref 作用: 定义一个数据的响应式
VUE3 reactive与ref-细节 --------计算属性与监视
reactive与ref-细节 是Vue3的 composition API中2个最重要的响应式API ref用来处理基本类型数据, reactive用来处理对象(递归深度响应式) 如果用ref对象/