-
Vue3 – 响应式数据的判断
简介 对于当数据特别多或数据比较陌生的时候,你不确定它是否为某些响应式数据的时候,可以通过Vue3提供的4个方法来判断该数据类型是否为响应式。 isRef 判断数据是否为 ref 响应式数……
2023-03-14541 0 0 -
Vue3 – customRef 应用
简介 customRef 是Vue3提供的一种自定义设置响应式数据的组合式API,它允许用户自定义封装响应式数据。 customRef 的定义 customRef() 方法提供两个参数,分别是 track 和 trigger. 它……
2023-03-14534 0 0 -
Vue3 – toRaw 与 markRaw
简介 Vue3 提供了一种把响应式转为普通对象数据的方法 toRaw. 和永久标记为普通对象数据的方法 markRaw. toRaw toRaw 可以让本为响应式的对象数据转为普通不响应式的数据。toRaw 只能……
2023-03-14535 0 0 -
Vue3 – toRef 与 toRefs
简介 ref 是Vue3中的一种数据响应式对象,它可以让数据在Vue中实现数据响应的功能,但是在某些情况下,当我们需要调取某些数据时,有可能会丢失响应式的功能。 通过以下代码说明: export def……
2023-03-14482 0 0 -
Vue3 – 生命周期与组合式API
简介 Vue3 中的生命周期函数,与Vue2大致相同,但有部分地方进行了变更。 Vue2 生命周期 Vue3 生命周期 Vue3 支持两种生命周期函数,分别是配置项式生命周期(兼容Vue2生命周……
2023-03-14470 0 0 -
Vue3 – watch 组合式API
简介 watch 是 Vue 提供的一个比较有用的功能,它可以监视数据发生变化时的自定义操作。在Vue3 中提供的 watch 功能与 Vue2 基本一样的,但使用上有一些不同。 watch Vue2 中的 watch ……
2023-03-13472 0 0 -
Vue3 – computed 组合式API
简介 Vue3 中对于 computed 计算属性进行了组合式API的修改,不再使用对象的形式表示,而是作为 setup 中的组合API的存在。 computed Vue2 中的 computed Vue2 中computed 计算属性何……
2023-03-13477 0 0 -
Vue3 – Ref 与 Reactive 、readonly响应式函数
简介 Vue3 中所提供的响应式方法,不单单使用 set 和 get 方法了,提供了两种创建响应式函数的方式 ref 与 reactive 两种。 ref 函数 ref 函数是 reference 的简称,中文名为“引用”的……
2023-03-13472 0 0 -
Vue3 – Setup 组合式API
简介 Vue 3 新发布后,Vue3 的新特性比较多,其中Vue3 推出了一种新的函数勾子,Setup(). Setup() 方法 setup 方法在Vue3中是一个非常重要的角色,定义在 Vue 的根配置项内,它可以代……
2023-03-13482 0 0 -
Vue – 自定义指令
简介 Vue 自带的指令有非常多,比如 v-if 、v-show.这些都是Vue自带给我们使用的指令。 Vue 还提供了用户自定义指令的方法,用户可以自定义创建指令,自定义指令方法。 自定义指令 Vue……
2023-03-02478 0 0