前端
  • Vue3 – 响应式数据的判断

    简介 对于当数据特别多或数据比较陌生的时候,你不确定它是否为某些响应式数据的时候,可以通过Vue3提供的4个方法来判断该数据类型是否为响应式。   isRef 判断数据是否为 ref 响应式数……

    2023-03-14
    541 0 0
  • Vue3 – customRef 应用

    简介 customRef 是Vue3提供的一种自定义设置响应式数据的组合式API,它允许用户自定义封装响应式数据。   customRef 的定义 customRef() 方法提供两个参数,分别是 track 和 trigger. 它……

    2023-03-14
    534 0 0
  • Vue3 – toRaw 与 markRaw

    简介 Vue3 提供了一种把响应式转为普通对象数据的方法 toRaw. 和永久标记为普通对象数据的方法 markRaw.   toRaw toRaw 可以让本为响应式的对象数据转为普通不响应式的数据。toRaw 只能……

    2023-03-14
    535 0 0
  • Vue3 – toRef 与 toRefs

    简介 ref 是Vue3中的一种数据响应式对象,它可以让数据在Vue中实现数据响应的功能,但是在某些情况下,当我们需要调取某些数据时,有可能会丢失响应式的功能。 通过以下代码说明: export def……

    2023-03-14
    482 0 0
  • Vue3 – 生命周期与组合式API

    简介 Vue3 中的生命周期函数,与Vue2大致相同,但有部分地方进行了变更。   Vue2 生命周期   Vue3 生命周期 Vue3 支持两种生命周期函数,分别是配置项式生命周期(兼容Vue2生命周……

    2023-03-14
    470 0 0
  • Vue3 – watch 组合式API

    简介 watch 是 Vue 提供的一个比较有用的功能,它可以监视数据发生变化时的自定义操作。在Vue3 中提供的 watch 功能与 Vue2 基本一样的,但使用上有一些不同。   watch Vue2 中的 watch ……

    2023-03-13
    472 0 0
  • Vue3 – computed 组合式API

    简介 Vue3 中对于 computed 计算属性进行了组合式API的修改,不再使用对象的形式表示,而是作为 setup 中的组合API的存在。   computed Vue2 中的 computed Vue2 中computed 计算属性何……

    2023-03-13
    477 0 0
  • Vue3 – Ref 与 Reactive 、readonly响应式函数

    简介 Vue3 中所提供的响应式方法,不单单使用 set 和  get 方法了,提供了两种创建响应式函数的方式 ref 与 reactive 两种。   ref 函数 ref 函数是 reference 的简称,中文名为“引用”的……

    2023-03-13
    472 0 0
  • Vue3 – Setup 组合式API

    简介 Vue 3 新发布后,Vue3 的新特性比较多,其中Vue3 推出了一种新的函数勾子,Setup().   Setup() 方法 setup 方法在Vue3中是一个非常重要的角色,定义在 Vue 的根配置项内,它可以代……

    2023-03-13
    482 0 0
  • Vue – 自定义指令

    简介 Vue 自带的指令有非常多,比如 v-if 、v-show.这些都是Vue自带给我们使用的指令。 Vue 还提供了用户自定义指令的方法,用户可以自定义创建指令,自定义指令方法。   自定义指令 Vue……

    2023-03-02
    478 0 0