01
你也许不知道的Vuejs - 使用ES6快乐的玩耍
上一篇中我们已经学会使用 `babel` 将 ES6 转化为 ES5 了,并且展示了一些 ES6 代码,这一篇将重点聊聊 ES6 在 Vuejs 项目中一些部分应用。
阅读文章
posts
content volume
63
篇可浏览文章
上一篇中我们已经学会使用 `babel` 将 ES6 转化为 ES5 了,并且展示了一些 ES6 代码,这一篇将重点聊聊 ES6 在 Vuejs 项目中一些部分应用。
在之前的实例中,我们都是通过 `Vue.component` 或者 `components` 属性的方式来定义组件,这种方式在很多中小规模的项目中还好,但在复杂的项目中,下面这些缺点就非常明显了:
组件(Component)绝对是 Vue 最强大的功能之一。它可以扩展HTML元素,封装可复用代码。从较高层面讲,可以理解组件为自定义的HTML元素,Vue 的编译器为它添加了特殊强大的功能。所有的 Vue 组件同时也都是 Vue 的实例,因此可以接受相同的选项对象(除了一些特有的选项)并提供相同的生命周期函数。
当然,Vue 除了核心功能默认内置的指令外,更强大的是它允许注册自定义指令,这是个让我非常惊喜功能。因为当初在使用 `Angular1.x` 时就特别喜好自定义指令这个功能,没想到 Vue 也借鉴了进来,让我能够灵活对 DOM 进行底层操作,而且它具有非常高的复用性,书写起来也非常简洁。 <br> 当然在 Vue 中,代码的复用和抽象的主要形式还是 `组件`,这将在下一节中讲到。