Vue3笔记

创建

vue-cli创建

Vue3笔记_第1张图片

基于vite创建

Vue3笔记_第2张图片

webpack和vite构建对比图

Vue3笔记_第3张图片

Vue3笔记_第4张图片

基础

 官方推荐插件

Vue3笔记_第5张图片

Vue3笔记_第6张图片

Vue3笔记_第7张图片

选项式api和组合式api对比

Vue3笔记_第8张图片

Vue3笔记_第9张图片

 修改组件name插件

在devtools工具上显示组件name

Vue3笔记_第10张图片

Vue3笔记_第11张图片

自动补充ref的value插件,vol

Vue3笔记_第12张图片

基本语法

ref和reactive

Vue3笔记_第13张图片

Object.assign方法可以动态更新reactive定义的对象

Vue3笔记_第14张图片

watch

Vue3笔记_第15张图片

Vue3笔记_第16张图片

Vue3笔记_第17张图片

Vue3笔记_第18张图片

Vue3笔记_第19张图片

watchEffect

Vue3笔记_第20张图片

setup语法糖中自定义导出内容

Vue3笔记_第21张图片

标签的ref属性(获取dom节点)

Vue3笔记_第22张图片

ts相关

Vue3笔记_第23张图片

泛型

Vue3笔记_第24张图片

Vue3笔记_第25张图片

自定义类型

Vue3笔记_第26张图片Vue3笔记_第27张图片 可选参数

Vue3笔记_第28张图片

Vue3笔记_第29张图片

接收list+限制类型+限制必要性+指定默认值

Vue3笔记_第30张图片

Vue3笔记_第31张图片

路由相关 Vue3笔记_第32张图片

Vue3笔记_第33张图片

Vue3笔记_第34张图片

Vue3笔记_第35张图片

Vue3笔记_第36张图片

Store

pinia

Vue3笔记_第37张图片

Vue3笔记_第38张图片

Vue3笔记_第39张图片

 Vue3笔记_第40张图片

Vue3笔记_第41张图片

Vue3笔记_第42张图片

storeToRefs

Vue3笔记_第43张图片

getters

Vue3笔记_第44张图片

发布订阅

Vue3笔记_第45张图片

 组合式store

Vue3笔记_第46张图片

通信

props

Vue3笔记_第47张图片

emit

Vue3笔记_第48张图片

mitt

Vue3笔记_第49张图片

Vue3笔记_第50张图片

Vue3笔记_第51张图片

Vue3笔记_第52张图片

870abad0d5b6463f916a79d33ac5117f.jpg

v-model

Vue3笔记_第53张图片 

Vue3笔记_第54张图片

Vue3笔记_第55张图片

Vue3笔记_第56张图片

$attrs

Vue3笔记_第57张图片

$refs  $parent

Vue3笔记_第58张图片

provide  inject

Vue3笔记_第59张图片

总结

Vue3笔记_第60张图片

 其他api

shallowRef与shallowReactive

Vue3笔记_第61张图片

Vue3笔记_第62张图片

readonly与shallowReadonly

Vue3笔记_第63张图片

Vue3笔记_第64张图片

toRaw与markRaw

Vue3笔记_第65张图片

Vue3笔记_第66张图片

customRef

Vue3笔记_第67张图片

teleport

Vue3笔记_第68张图片

suspense

Vue3笔记_第69张图片

api测试网址

Vue3笔记_第70张图片

与vue2的区别

Vue3笔记_第71张图片

你可能感兴趣的:(vue.js)