高级 Vue 组件设计

Advanced Vue Component Design

了解如何设计更简单、更灵活的组件,这些组件功能更强大且更易于维护。

自 2015 年春季以来,我一直在将 Vue.js 交付到生产环境中,并且学到了很多关于编写可维护、有弹性且持久的 Vue 代码的知识。

“你关于范围老虎机的谈话让我有点吃惊。100% 将实现 vue-select 的无模板方法。
 杰夫·萨加尔/ 作者 VUE-SELECT

当我第一次开始使用 Vue 时,我爱上了它,因为它很容易完成 jQuery 很快变得一团糟的事情,比如在表单中动态添加字段或在触发 AJAX 请求时显示加载状态。

三年后,我意识到 Vue 解决了很多我从未想过会解决的难题,比如:

  • 保持逻辑的可移植性和封装性,即使它与 DOM 的断开连接的部分交互
  • 完全自定义组件的外观,无需一堆 CSS 覆盖或复杂的配置选项
  • 可以轻松模拟急需的浏览器功能,如元素查询,而无需再等待 5 年才能获得支持

Advanced Vue Component Design 将我所知道的关于使用 Vue 构建基本 UI 小部件的所有知识捆绑在一起,并将其捆绑到一个综合课程中,您可以在一个下午完成。

“亚当是为数不多的几个人之一,我会毫不犹豫地推荐他的内容。这门新的 Vue 组件设计课程也不例外。
 杰弗里·韦(JEFFREY WAY)/ LARACASTS 的创建者

 里面有什么

全程共计34节课,共计4小时。

它涵盖的主题包括:

  • 构建自定义受控组件
  • 保持逻辑封装并使组件更具可移植性的策略
  • 使用组合来扩展组件,而不是混合或继承
  • 如何以及为什么使用渲染函数,即使您没有使用 JSX
  • 使用数据提供程序组件重用非 UI 逻辑
  • 创建完全可自定义的无渲染组件
  • 使用 Vue 的 provide 和 inject 功能设计复合组件
  • 关于构建强大的可排序列表和搜索所选组件的真实案例研究

每节课都尽可能短,但不能更短,因此您将在正确的时间内以正确的速度学习您需要了解的一切。

整个课程也按主题整齐地组织,因此当您尝试将这些想法应用到工作中时,很容易返回并找到您正在寻找的确切课程。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。