《Vue3.x+TypeScript实践指南》已出版( 二 )


3.6 条件判断
3.6.1 v-if
3.6.2 v-if v-else
3.6.3 v-else-if
3.6.4 在 <template> 元素上使用 v-if 条件渲染分组
3.6.5 v-show
3.6.6 v-if vs v-show
3.7 模板中使用Javascript表达式
3.8 计算属性
3.9 watch
3.9.1 常规用法
3.9.2 立即执行(immediate和handler)
3.9.3 深度监听
3.9.4 computed和watch的区别
3.10 自定义组件使用v-model实现双向数据绑定
3.11 自定义组件slots
3.12 非Prop的Attribute继承(Vue3)
3.12.1 Attribute 继承
3.12.2 禁用Attribute继承
3.13 $ref 操作DOM
3.14 表单数据双向绑定
3.15 组件传值
3.15.1 父组件向子组件传值
3.15.2 子组件向父组件传值
3.16 $root和$prarent的使用
3.17 this.$nextTick
3.18 axios介绍
3.19 跨域请求
3.20 extend、mixin和extends
第 4 章
?  Composition API ?
4.1 Vue3集成TypeScript
4.2 setup
4.2.1 setup细节
4.2.2 props和attrs的区别
4.3 ref
4.4 reactive
4.5 reactive与ref 的区别
4.6 Vue2与Vue3响应式比较
4.6.1 vue2的响应式
4.6.2 vue3的响应式
4.7计算属性与监视
4.8 组件生命周期
4.9 自定义hook函数
4.10 toRefs
4.11 ref获取元素
4.12 shallowReactive 与 shallowRef
4.13 readonly 与 shallowReadonly
4.14 toRaw 与 markRaw
4.15 toRef
4.16 unRef
4.17 customRef
4.18 provide 与 inject
4.19 响应式数据的判断
4.20 Option API VS Composition API
4.20.1 Option API的问题
4.20.2 使用Compisition API
第 5 章
?  Vue3新组件和新API ?
5.1 Fragment(片断)
5.2 Teleport(瞬移)
5.3 Suspense(不确定的)
5.4 全新的全局API
5.4.1 createApp()
5.4.2 Vue3使用Proxy 优先defineProperty()
5.4.3 defineComponent和defineAsyncComponent
5.4.4 nextTick()
5.5 将原来的全局API转移到应用对象
5.6 模板语法变化
5.6.1 v-model
5.7 v-if 与 v-for 的优先级对比
5.8 示例项目:todoList
5.8.1 示例介绍
5.8.2 组件拆分
5.8.3 代码实现
5.8.4 Home.vue主组件
5.8.5 Header.vue代码
5.8.6 Footer.vue代码
5.8.7 List.vue列表代码
5.8.8 Item.vue子组件代码
第 6 章
?  vue-router和vuex?
6.1 什么是路由
6.2 安装vue-router的两种方式
6.3 Vue Router的基本使用
6.3.1 router-link
6.3.2 设置选中路由高亮
6.3.3 router-view
6.3.4 router/ index.ts
6.4 路由HTML5 History模式和hash模式
6.4.1 hash模式
6.4.2 HTML5 History模式
6.4.3 服务器配置示例
6.5 带参数的动态路由匹配
6.6 响应路由参数的变化
6.7 捕获所有路由和设置404 界面
6.8 vue-router中编程式导航
6.9 路由传参query?ms
6.9.1 query
6.9.2 params
6.10 命名路由
6.11 嵌套路由
6.12 为路由切换使用过渡动效
6.12.1 单个路由的过渡
6.12.2 基于路由的动态过渡
6.13 路由懒加载
6.14 使用命名视图
6.15 keep-alive
6.15.1 router配置缓存
6.15.2组件配置缓存
6.16 vuex 是什么?
6.17 安装vuex
6.18 配置vuex的步骤
6.19 获取vuex中的state
6.19.1 方法一:按需引入store.state
6.19.2 方式二:全局配置this.$store
6.19.3 方式三:mapState助手
6.20 获取vuex中的Getter
6.20.1 定义Getter
6.20.2 Getter访问方式一:store.getter.
6.20.3 Getter访问方式二:this.$store.getters
6.20.4 Getter访问方式三:mapGetters辅助函数
6.21 调用Mutations 和Actions
6.22 Composition API方式使用vuex
6.22.1 访问State and Getters
6.22.2 访问Mutations and Actions
6.23 Modules模块
6.24 Namespacing命名空间
6.24.1.开启模块的命名空间
6.24.2.在组件中使用
第 7 章
?  Vue3的常用UI框架?
7.1 Vue的常用UI框架介绍
7.2 ant-design-vue介绍
7.2.1 使用 npm 或 yarn 安装
7.2.2 在浏览器中使用
7.2.3 使用示例
7.2.4 按需加载
7.2.5 创建项目
7.2.6 使用ant-design-vue
7.2.7 将ant-design-vue引入进行统一封装
7.2.8 主题定制
7.2.9 国际化
7.2.10 Layout 布局
7.2.11 使用iconfont图标
7.3 Element Plus介绍
7.3.1 npm 或CDN安装
7.3.2 引入 Element Plus
7.3.3 全局配置
7.3.4 自定义主题
7.3.5 组件
第 8 章
?  Webpack5介绍?
8.1 webpack概念的引入

推荐阅读