vue.12
·
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变时才开始回调

更多推荐


所有评论(0)