wangry

Appearance

vue3 ​

vue3优势 ​

Alt text

Alt text

Alt text

create-vue搭建vue3项目 ​

Alt textAlt text

项目目录和关键文件 ​

Alt text

组合式API-setup选项 ​

setup选项的写法和执行时机 ​

Alt text 1、setup执行时机比beforeCreate还要早

2、setup函数中，获取不到this

3、数据和函数，需要在setup最后return，才能在模板中应用 Alt text

setup语法糖 ​

Alt text

4、可以通过setup语法糖简化代码

Alt text

组合式API-reactive和ref函数 ​

reactive() ​

Alt text

ref() ​

Alt text

组合式API - computed ​

computed计算属性函数 ​

Alt text

Alt text

组合式API - watch ​

watch函数 ​

Alt text

侦听单个数据 ​

Alt text

侦听多个数据 ​

Alt text

immediate ​

Alt text

deep ​

Alt text

精确侦听对象的某个属性 ​

Alt text

Alt text

组合式API - 生命周期函数 ​

Alt text

组合式API - 父子通信 ​

父传子 ​

Alt text

子传父 ​

Alt text

Alt text

组合式API - 模板引用 ​

Alt text

Alt text

defineExpose() ​

Alt text

组合式API - provide 和inject ​

Alt text

Alt text

Alt text

vue3.3新特性-defineOptions ​

Alt text

Alt text

vue3.3新特性-defineModel ​

Alt textAlt text

Pinia快速入门 ​

Pinia是vue最新的状态管理工具，是vuex的替代品

Alt text

Alt text

手动添加Pinia到vue项目 ​

Alt text

pinia持久化插件 ​

Alt text

vue3案例 ​

Alt text

Eslint配置代码风格 ​

Alt text

提交前做代码检查 ​

Alt text

Alt text

vuerouter4 ​

Alt text

element plus插件 ​

Alt text

Pinia构建用户仓库和持久化 ​

Alt text

pinia独立维护 ​

仓库统一导出 ​

请求工具设计 ​

Alt text