本文主要是介绍vue3 浅学,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
一、toRefs
问题: reactive 对象取出的所有属性值都是⾮响应式的
解决: 利⽤ toRefs 可以将⼀个响应式 reactive 对象的所有原始属性转换为 响应式的 ref 属性
二、hook函数
将可复⽤的功能代码进⾏封装,类似与vue2混⼊。
三、ref:获取元素或者组件 let box = ref()
四、生命周期
①setup: 相当于beforeCreate和created
②onBeforeMount
③onMounted
④onBeforeUpdate
⑤onUpdated
⑥onBeforeUnmount
⑦onUnmounted
五、readonly和shallowReadonly
readonly 会递归地将对象所有的属性都转换为只读对象,包括嵌套对象的 属性也是只读的,⽽ shallowReadonly 只会将根级属性设置为只读对象, 嵌套对象的属性仍然是可修改的。
六、shallowReactive 与 shallowRef
1、shallowReactive ⽤于创建⼀个浅响应式对象,它只会对根属性进⾏响应式 处理,⽽不会递归到对象的嵌套属性。
2、shallowRef 包装⼀个对象时,对该对象内部属性的修改不会被监听,只有 重新赋值整个对象的操作才会引起响应式更新。
七、toRaw 与 markRaw
1、toRaw将响应式对象转换成⾮响应式对象
2、markRaw⽤于标记⼀个对象,使其永远不会被转换为响应式对象
八、toRef 与 toRefs
toRef 函数⽤于创建⼀个指定响应式对象的属性的可响应式引⽤ toRef(响 应式对象,响应式对象⾥⾯的属性)
九、provide 与 inject ⽤在setup⾥⾯
provide(‘属性名’,传递的参数)
inject(‘属性名’)
这篇关于vue3 浅学的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!