1.为什么要学vue3

2.create-vue

create-vue是vue官方新的脚手架工具,底层切换到了vite

3.set up选项

(1)原始复杂写法

(2)语法塘写法

4.reactive函数

作用:接受对象类型数据传入并返回一个响应式对象

(1)vue中导入reactive函数

(2)<script setup>中执行reactive函数并传入类型为对象的初始值

5.ref函数

作用:接受简短类型或对象类型数据传入并返回一个响应式对象

(1)vue中导入ref函数

(2)<script setup>中执行ref函数并传入初始值,使用变量接收ref函数的返回值

6.computed计算属性函数

(1)vue中导入computed函数

(2)执行函数在回调参数中return基于响应式数据做计算的值,用变量接收

7.watch函数

侦听单个数据

(1)导入watch函数

(2)执行watch函数传入要侦听的响应式数据和回调函数

侦听多个数据

精确侦听对象的某个属性

不开启deep的前提下,侦听age的变化,只有age变时才开始回调

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐