shallowRef 用来包住一个基础类型或者引用类型,如果是基础类型那么跟 ref 基本没区别,如果是引用类型的话,那么直接改深层属性是不能触发响应式的,除非直接修改引用地址,如下:注意:改深层属性能改数据,只是没触发响应式,所以当下一次响应式触发的时候,你修改的深层数据会渲染到页面上~ shallowRef 的用处主要用于一些比较...
如果你真想读源码，我建议你从一些小而美的框架或者库开始，如isarray，express/koa，axios，promise，lod...
VueComponent: Vue的组件。VM可以使用el、而VC不能使用el。并且VC中的data只能用函数写法 事件处理 事件的基本绑定使用(注意默认传参) HTML代码 <!-- 1、绑定点击事件 -->点我提示一个信息点我提示一个信息 <!-- 2、绑定修改事件 --> javascript代码 newVue({el:"#app",// 挂载一个容器data() {// ...
本节需要掌握vue2、vue3各自的响应式原理、vue2响应式原理的弊端/为何改进、如何收集依赖、何时触发依赖实现更新、异步更新机制是什么/优点
以传进来的为准 来的都是客 [vc 先读取 props 里面的属性 再去读取 data 里面的属性 读到了 页面上需要 直接渲染]2.所以可以改 data里面的属性 赋值 传进来的属性7.传进来的属性是不允许需改的 如果想修改怎么办1.可利用 vc 先处理 props 里面的属性数据 当处理 data里面的数据时候 vc 身上已经挂着 ...
export function shallowRef(value?: unknown) { return createRef(value, true) } // 卸载一个 ref export function unref<T>(ref: T | Ref<T>): T { return isRef(ref) ? (ref.value as any) : ref } RefImpl 源码地址:packages/reactivity/src/ref.ts -87行 ...
② 如果有一个对象数据,后续功能不会修改改对象中的属性,而是生成新的对象来替换,使用shallowRef。 67.provide与inject如何使用 (1) 父子组件传参可以通过props和emit来实现,但是当组件的层次结构比较深时,props和emit就没什么作用了。vue为了解决这个提出了Provide / Inject;provider/inject:简单的来说就是在父组件...