Vue3 通过 props 传值被消除响应性
Vue3 通过 props 传值被消除响应性 1. 子组件中使用 props 此时页面上一直显示 /， 即便父组件传入的 detail 更新，resourceType 不会更新，说明它不是响应式的。 解决：使用 toRefs以及解构赋值语法。 ...
原文：Vue3 响应性基础 API 之 `readonly`
基本用法 接受一个对象 响应式或纯对象 或 ref 并返回原始对象的只读代理。 只读代理是深层的：任何被访问的嵌套 property 也是只读的。 与 reactive 一样，如果任何 property 使用了 ref，当它通过代理访问时，则被自动解包 ...
2022-01-05 17:13 0 1505 推荐指数：
相关推荐
第十节：复习mixin/extends 和 开启Vue3的Composition Api(setup、reactiveApi、refApi、readonly)
一. Vue2.x的mixin和extends 1. mixin简介 (1). 目前我们是使用组件化的方式在开发整个Vue的应用程序，但是组件和组件之间有时候会存在相同的代码逻辑，我们希望对相同的代码逻辑进行抽取。 (2). 在Vue2和Vue3中都支持的一种方式就是使用Mixin来完成 ...
Vue3响应式系统api 之 ref reactive toRefs
reactive 接收一个普通对象然后返回该普调对象的响应式代理。等同于2.x的 Vue.observable() Vue3中响应数据核心是 reactive ， reactive 中的实现是由 Proxy 加 effect 组合 （effect 作为 reactive 的核心，主要负责 ...
Vue3响应式API-reactive的数组代理
响应性基础 API 之 reactive 基本用法 返回对象的响应式副本，只能代理对象，不能代理普通值 实现原理 reactive 是基于 Proxy 实现的响应式。 以上代码只是Vue3的部分源码，简单的实现了reactive的响应式原理。 ...
vue3中readonly家族（系列十二）
利用readonly封装数据，递归只读 打印情况 点击按钮，尽管重新赋值了数据，但是并没有更改数据，所以只能是只读的，并且是递归只读，层级深的数据也是没有变化。而且页面并没有跟新 利用shallowReadonly封装数据，非递归只读 ...
Vue3 API
Vue3 API Application API directive Global API createApp h defineComponent defineAsyncComponent resolveComponent ...
vue3响应式原理
...