Vue.js 组件精讲

课程详情

课程标题:Vue.js 组件精讲

由 iView 作者,拥有 3 年 Vue.js 组件开源积累的资深开发者,为您深入剖析 Vue.js 组件知识。

Vue.js 作为前端热门框架之一,其核心在于组件。掌握 Vue.js 组件,是驾驭 Vue.js 框架和复杂业务场景的关键。

尽管 Vue.js 教程丰富,但许多开发者仍面临组件编写难题。本课程针对 Vue.js 核心组件,深入讲解技巧和最佳实践,通过完整示例解决组件相关疑难点和知识点。

作为 iView 知名组件库的作者,讲师拥有丰富的组件开发经验,深入开发超过 50 个复杂通用组件,涵盖 Vue.js 组件各个场景,为您提供独树一帜的见解和经验。

  • 适合人群:有一定 Vue.js 基础,希望深入学习和掌握 Vue.js 组件的开发者
  • 学习收获:
    • 深入理解 Vue.js 组件的原理和最佳实践
    • 掌握组件编写技巧,提升开发效率
    • 了解组件化在复杂业务场景中的应用
    • 学习 iView 组件库的开发经验

课程亮点:

  • 深入讲解 Vue.js 组件核心知识
  • 结合实际案例,解决组件编写难题
  • 分享 iView 组件库开发经验
  • 资深讲师,实战经验丰富

课程目录

开篇:Vue.js 的精髓——组件
基础:Vue.js 组件的三个 API:prop、event、slot
组件的通信 1:provide / inject
组件的通信 2:派发与广播——自行实现 dispatch 和 broadcast 方法
实战 1:具有数据校验功能的表单组件——Form
组件的通信 3:找到任意组件实例——findComponents 系列方法
实战 2:组合多选框组件——CheckboxGroup & Checkbox
Vue 的构造器——extend 与手动挂载——$mount
实战 3:动态渲染 .vue 文件的组件—— Display
实战 4:全局提示组件——$Alert
更灵活的组件:Render 函数与 Functional Render
实战 5:可用 Render 自定义列的表格组件——Table
实战 6:可用 slot-scope 自定义列的表格组件——Table
递归组件与动态组件
实战 7:树形控件——Tree
拓展:Vue.js 容易忽略的 API 详解
拓展:Vue.js 面试、常见问题答疑
拓展:如何做好一个开源项目(上篇)
拓展:如何做好一个开源项目(下篇)
总结