杨建鑫 - 博客园

2022年5月20日

摘要：作用：创建一个 ref 对象，其value值指向另一个对象中的某个属性。语法：const name = toRef(person,'name') 应用: 要将响应式对象中的某个属性单独提供给外部使用时。扩展：toRefs 与toRef功能一致，但可以批量创建多个 ref 对象，语法：toRefs 阅读全文

posted @ 2022-05-20 12:05 杨建鑫阅读(1785) 评论(0) 推荐(0)

hook函数

摘要：什么是hook？—— 本质是一个函数，把setup函数中使用的Composition API进行了封装。类似于vue2.x中的mixin。自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。正常的模式 : <template> <div> 得到鼠标坐标 x : {{pagex} 阅读全文

posted @ 2022-05-20 11:23 杨建鑫阅读(290) 评论(0) 推荐(0)

生命周期

摘要：生命周期 Vue3.0中可以继续使用Vue2.x中的生命周期钩子，但有有两个被更名： beforeDestroy改名为 beforeUnmount destroyed改名为 unmounted Vue3.0也提供了 Composition API 形式的生命周期钩子，与Vue2.x中钩子对应关系如下阅读全文

posted @ 2022-05-20 10:41 杨建鑫阅读(171) 评论(0) 推荐(0)

2022年5月17日

vue2和vue3响应式的原理(数据拦截)

摘要： vue2和vue3响应式的原理(数据拦截) vue2.x的响应式实现原理：对象类型：通过Object.defineProperty()对属性的读取、修改进行拦截（数据劫持）。数组类型：通过重写更新数组的一系列方法来实现拦截。（对数组的变更方法进行了包裹）。 Object.definePrope 阅读全文

posted @ 2022-05-17 14:53 杨建鑫阅读(332) 评论(0) 推荐(0)

setup的两个传值

摘要： setup执行的时机在beforeCreate之前执行一次，this是undefined。 setup的参数 props：值为对象，包含：组件外部传递过来，且组件内部声明接收了的属性。 context：上下文对象 attrs: 值为对象，包含：组件外部传递过来，但没有在props配置中声明的属性, 阅读全文

posted @ 2022-05-17 14:51 杨建鑫阅读(217) 评论(0) 推荐(0)

watchEffect函数

摘要： watchEffect函数 watch的套路是：既要指明监视的属性，也要指明监视的回调。 watchEffect的套路是：不用指明监视哪个属性，监视的回调中用到哪个属性，那就监视哪个属性。 watchEffect有点像computed：但computed注重的计算出来的值（回调函数的返回值），所以阅读全文

posted @ 2022-05-17 14:27 杨建鑫阅读(297) 评论(0) 推荐(0)

监视属性watch

摘要：监视属性watch 与Vue2.x中watch配置功能一致两个小“坑”：监视reactive定义的响应式数据时：oldValue无法正确获取、强制开启了深度监视（deep配置失效）。监视reactive定义的响应式数据中某个属性时：deep配置有效。 <template> <div class 阅读全文

posted @ 2022-05-17 14:20 杨建鑫阅读(74) 评论(0) 推荐(0)

计算属性

摘要：计算属性与Vue2.x中computed配置功能一致写法案例 : <template> <div class="about"> <h1>计算属性</h1> 姓 : <input type="text" v-model="firstName"> <br> 名 : <input type="text 阅读全文

posted @ 2022-05-17 13:35 杨建鑫阅读(64) 评论(0) 推荐(0)

2022年5月16日

reactive函数

摘要： reactive函数作用: 定义一个对象类型的响应式数据（基本类型不要用它，要用ref函数）语法：const 代理对象= reactive(源对象)接收一个对象（或数组），返回一个代理对象（Proxy的实例对象，简称proxy对象） reactive定义的响应式数据是“深层次的”。内部基于 E 阅读全文

posted @ 2022-05-16 19:06 杨建鑫阅读(313) 评论(0) 推荐(0)

啊啊啊

摘要：阅读全文

posted @ 2022-05-16 13:45 杨建鑫阅读(20) 评论(0) 推荐(0)

前端_蜡笔小新欢迎您

前端_蜡笔小新欢迎您

公告