Vue3
C20001206
现在就努力变成天才
展开
-
Vue3 中 provide 与 inject (实现祖组件给孙组件传递数据)
祖组件后代组件间。原创 2023-09-15 17:12:13 · 85 阅读 · 0 评论 -
Vue3 生命周期
【代码】Vue3 生命周期。原创 2023-09-13 16:53:37 · 42 阅读 · 0 评论 -
Vue 中的 watchEffect 函数
既要指明监视的属性,也要指明监视的回调。原创 2023-07-27 16:22:43 · 63 阅读 · 0 评论 -
初学Vue3
1. main.js 中 vue3 不再引入 Vue构造函数,引入的是一个名为2. main.js 中创建应用实例对象不同,具体代码如下3. app 与 vm 的区别,app 比 vm 更轻,身上的东西比 vm 少,更加轻盈,app 打印如下4. Vue3 中的模板结构可以没有跟标签。原创 2023-09-11 17:16:05 · 56 阅读 · 0 评论 -
自定义 hook 函数
本质是一个函数,把setup 函数中使用到的 Composition API 进行了封装。原创 2023-07-27 17:52:47 · 65 阅读 · 0 评论 -
Vue3 中 watch 监视 ref 所定义的数据要不要 .value
目录1.当 watch 监视 ref 所定义的基本数据类型 2.当 watch 监视 ref 所定义的引用数据类型 结论:不需要 使用 .value 原因:watch 函数监视的是一个属性,而 基本数据类型.value 是一个值 例如:let sum = ref(18) 要监视的时 sum 这个属性,而不是 18 这个值 打印 ref 返回的值得: 当使用 .value 会出现得警告,并实现不了监视 结论:需要 .v原创 2023-07-27 12:12:04 · 646 阅读 · 0 评论 -
Vue3 中的 监视 watch
与Vue2 中的监视功能一致,.当监视的属性发生变化时,回调函数会自动调用,进行相关操作,Vue3 中的监视 watch 为一个函数2.watch的使用1.使用前引入组合式的API watch。原创 2023-07-27 11:46:47 · 60 阅读 · 0 评论 -
Vue3 中的 computed函数
配置函数中的有 get 函数 与 set函数,get函数的返回值就是该计算属性的返回值,set函数中收到的参数就是计算属性被修改后的值。,回调函数的返回值就是该 计算属性的值。,在计算属性的简写形式中,函数的。,在计算属性的完整写法中,函数的。computed 为一个函数。computed 为一个函数。原创 2023-07-27 08:57:33 · 86 阅读 · 0 评论 -
Vue3 中的 setup 函数的注意事项
在 beforeCreate 之前执行一次,this 是 undefined 1.props: 值为对象,包含:组件外部传过来的,且组件内部声明接收了的属性 2.context: 上下文对象 1.attrs: 值为对象,包含:组件外部传递过来,但没有在 props 配置中声明的属性,相当于 vue2 中的 this.$attrs 2.slots: 收到的插槽内容,相当于 vue2 中的 this.$slots原创 2023-07-26 18:38:32 · 46 阅读 · 0 评论 -
Vue3 中 reactive 对比 ref
基本数据类型对象(或数组)类型数据3.备注:ref 也可以用来定义对象(或数组)类型的数据,它内部会调用通过 reactive 转为代理对象从原理角度对比ref 通过 Object.defineProperty() 的 get 与 set 来实现响应式(数据劫持)reactive 通过使用Proxy来实现响应式(数据劫持),并通过Reflect操作源对象内部的数据,具体代码实现如下// 当有人读取 p 中的属性时调用console.log(`有人读取了p中的${propName}属性`)},原创 2023-07-26 17:56:29 · 49 阅读 · 0 评论 -
Vue2 与 Vue3 响应式原理区别
调用Vue重写的更新数组的一系列方法来实现。Reflect (反射)Proxy (代理)原创 2023-07-26 17:37:53 · 68 阅读 · 0 评论 -
Vue3 中的 reactive 函数
对象数据类型的响应式数据。原创 2023-07-26 16:22:23 · 56 阅读 · 0 评论 -
Vue3 中的 setup 函数
函数3.组件中的所用到的:方法,数据等等,均要配置在 setup 中。原创 2023-07-26 11:21:02 · 58 阅读 · 0 评论 -
Vue3 中的 ref 函数
3.JS 中获取对象数据类型中的数据:xxx.value 获取当前对象,xxx.value.key值 ,可以获取到对象数据类型中的数据,不需要再写 .value。Object.defineProperty() 的 get 与 set。ref 函数就是把数据包装成一个 ref 对象。reactive 函数。原创 2023-07-26 12:14:08 · 80 阅读 · 0 评论