Name: Vue - 通往企业级开发之路
Availability: InStock

Content

16 Lessons • 0 Quizzes • 0 Challenges

开始之前

1
课程概述
2
配套应用程序预览

从 Vue 2 迁移到 Vue 3

1
简介
2
响应式注意事项
3
Tree Shaking
4
应用初始化
5
添加全局属性和自定义指令 API
6
V 模型指令与双向数据绑定
7
统一的插槽和 createElement
8
数组引用
9
迁移指南
10
通过属性显式传递类
11
数据选项和发射选项
12
函数式组件与键码修饰符
13
总结
14
自我测验：Vue 2 与 Vue 3 对比及迁移准备
15
挑战：从 Vue 2 迁移到 Vue 3
16
解决方案：从 Vue 2 迁移到 Vue 3

Vue 应用测试的最佳实践

1
简介
2
单元测试 Vue 组件
3
测试库
4
端到端测试与Cypress
5
有用的测试技巧
6
总结
7
测试 Vue 应用的最佳实践自测题
8
挑战：单元测试
9
解决方案：单元测试
10
挑战：端到端测试
11
解决方案：端到端测试

项目配置与实用扩展

1
设置项目
2
插件配置
3
Stylelint 和 Prettier
4
资源加载器与 Vue Devtools
5
摘要
6
自我测验：项目配置与实用扩展

有用的模式、技巧与窍门

1
单页应用与搜索引擎优化
2
静态站点生成与服务器端渲染
3
在SFC模板中记录数值
4
导出/导入
5
路由控制的面板模态框
6
样式化子组件
7
Vue 应用在较旧的浏览器中无法正常运行
8
总结
9
自我测验：实用技巧、提示与窍门
10
挑战：样式化嵌套组件
11
解决方案：样式化嵌套组件

可扩展的项目架构

1
简介
2
源码目录
3
按功能管理路由组件
4
封装组件与业务逻辑
5
第三方库
6
摘要
7
自我测验：可扩展项目架构

结论

1
接下来是什么？

项目与组件文档

1
简介
2
文档生成器与组件文档
3
Vue Styleguidist
4
Storybook
5
总结
6
自我测验：项目与组件文档

附录

1
VS Code 插件

API 层与异步操作的管理

1
简介
2
API 层
3
处理 API 状态
4
如何避免加载动画闪烁
5
基于组合式 API 的模式
6
请求取消与可中断函数
7
中止属性
8
使用 Vuex 管理 API 状态
9
错误日志记录
10
总结
11
自我测验：API 层与异步操作管理
12
挑战：使用 API 层
13
解决方案：使用 API 层
14
挑战：API 状态
15
解决方案：API 状态

高级组件模式

1
简介
2
基础组件
3
包装组件
4
无渲染组件
5
标签提供者
6
总结
7
自我测验：高级组件模式
8
挑战：构建一个无渲染的警告组件
9
解决方案：构建一个无渲染的警告组件

管理应用状态

1
简介
2
提升状态
3
有状态服务
4
组合式 API
5
具有共享状态的组合函数
6
状态提供者
7
关于 Mixins 呢？
8
总结
9
自我测验：应用状态管理
10
挑战：提升状态
11
解决方案：提升状态
12
挑战：追踪鼠标位置
13
解决方案：追踪鼠标位置

管理应用布局

1
简介
2
基于路由元信息的页面布局
3
使用 pageLayoutService 实现动态布局
4
使用 useLayout 组合函数实现动态布局
5
产品布局
6
布局工厂
7
总结
8
自我测验：应用布局管理
9
挑战：为仪表板网站配置布局
10
解决方案：为仪表板网站配置布局

性能优化

1
简介
2
懒加载组件
3
使用 Intersection Observer 实现懒加载
4
使用组合式 API 的 Intersection Observer
5
自定义懒加载组件
6
Tree-shaking
7
PurgeCSS
8
选择合适的库
9
现代模式与静态内容优化
10
保持活跃
11
性能选项、renderTriggered 和 renderTracked
12
总结
13
自我测验：性能优化
14
挑战：优化生产打包
15
解决方案：优化生产包

Vuex 模式与最佳实践

1
简介
2
Vuex 使用技巧
3
命名规范与 Vuex 模块分离
4
使用映射辅助函数和 Vuex 状态
5
自动化模块注册
6
自动化模块搭建
7
总结
8
自我测验：Vuex 模式与最佳实践
9
挑战：Vuex 映射辅助函数
10
解决方案：Vuex 映射助手
11
挑战：常量类型
12
解决方案：常量类型

应用安全

1
简介
2
渲染 HTML
3
第三方库
4
JSON Web Tokens (JWT)
5
访问权限
6
摘要
7
自我测验：应用安全
8
挑战：渲染用户提供的内容
9
解决方案：渲染用户提供的内容

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:Anonymous User

Vue - 通往企业级开发之路

WHAT YOU'LL LEARN

Content

1. 开始之前熟悉高级 Vue.js 技能，并通过配套应用获取实际示例。

课程概述

配套应用程序预览

2. 从 Vue 2 迁移到 Vue 3查看 Vue 3 的改进特性、迁移建议以及最佳使用策略。

简介

响应式注意事项

Tree Shaking

应用初始化

添加全局属性和自定义指令 API

V 模型指令与双向数据绑定

统一的插槽和 createElement

数组引用

迁移指南

通过属性显式传递类

数据选项和发射选项

函数式组件与键码修饰符

总结

自我测验：Vue 2 与 Vue 3 对比及迁移准备

挑战：从 Vue 2 迁移到 Vue 3

解决方案：从 Vue 2 迁移到 Vue 3

3. Vue 应用测试的最佳实践掌握在 Vue 应用中编写健壮单元测试和端到端测试的最佳实践。

简介

单元测试 Vue 组件

测试库

端到端测试与Cypress

有用的测试技巧

总结

测试 Vue 应用的最佳实践自测题

挑战：单元测试

解决方案：单元测试

挑战：端到端测试

解决方案：端到端测试

4. 项目配置与实用扩展探索如何搭建 Vue 项目，配置插件，并通过实用的扩展提升开发效率。

设置项目

插件配置

Stylelint 和 Prettier

资源加载器与 Vue Devtools

摘要

自我测验：项目配置与实用扩展

5. 有用的模式、技巧与窍门掌握高效的 Vue 技巧，提升 SEO 效果，优化导入流程，调试模板，样式化组件，并确保浏览器兼容性。

单页应用与搜索引擎优化

静态站点生成与服务器端渲染

在SFC模板中记录数值

导出/导入

路由控制的面板模态框

样式化子组件

Vue 应用在较旧的浏览器中无法正常运行

总结

自我测验：实用技巧、提示与窍门

挑战：样式化嵌套组件

解决方案：样式化嵌套组件

6. 可扩展的项目架构拆解可扩展项目架构中的复杂概念，以实现高效的 Vue 开发。

简介

源码目录

按功能管理路由组件

封装组件与业务逻辑

第三方库

摘要

自我测验：可扩展项目架构

7. 结论学习如何使用关键的 Vue 实践方法，以构建可扩展且易于维护的企业级项目。

接下来是什么？

8. 项目与组件文档仔细研究有效的文档编写，使用 Vue Styleguidist 和 Storybook 等工具。

简介

文档生成器与组件文档

Vue Styleguidist

Storybook

总结

自我测验：项目与组件文档

9. 附录从安装有助于提升 Vue 开发体验的必备 VS Code 插件开始，包括 Vetur、ESLint 和 Prettier。

VS Code 插件

10. API 层与异步操作的管理专注于在 Vue 企业级应用中高效管理 API 调用、状态和用户反馈。

简介

API 层

处理 API 状态

如何避免加载动画闪烁

基于组合式 API 的模式

请求取消与可中断函数