vue3.x入门

141 阅读1分钟

01-为什么学vue3

image.png

image.png

vite基本使用

image.png vite文档:cn.vitejs.dev/

03-创建vue应用

image.png

image.png

image.png

04-选项API和组合API

image.png

image.png

image.png

image.png

05-组合API-setup函数

image.png

image.png

06-组合API-生命周期

image.png

image.png

image.png

image.png

07-组合API-reactive函数

image.png

image.png

08-组合API-toRef函数

image.png

image.png

09-组合API-toRefs函数

image.png

image.png

10-组合API-ref函数

image.png

image.png

11-组合API-computed函数

image.png

image.png

image.png

12-组合API-watch函数

image.png

image.png

12.1监听ref响应值的

image.png

image.png

image.png

13-组合API-ref属性

image.png

image.png image.png

image.png image.png

14-组合API-父子通讯

image.png

setup里也可以接受props参数,获取父组件传过来的值