vue3学习笔记

语法

{{num}} 双括号模板语法（插值表达式）

1. vue3 插件

volar（Vue - Official）
vue3-snippets-for-vscode 快捷生成vue3代码片段

2.vue3和vue2 区别

• vue2是option API(选项式API)
• vue3支持option API compostion API(组合式API)
  • setup函数语法

内置函数

• ref reactive
• 在 Vue.js 3 中，reactive 是另一种响应式 API，用于创建一个响应式的对象或数组。与 ref 类似，reactive 也用于创建响应式数据，但它更适合处理复杂的数据结构，如对象和数组。

customRef((track, trigget) => {
    return {
      get() {
        track()
        return val
      },
      set(newVal) {
      //防抖操作
        clearTimeout(timer)
        timer = setTimeout(() => {
          console.log(
            '执行了', timer
          );
          timer = null
          val = newVal
          trigget()
        }, 5000)
      },
    }
  })