vue

vue-组件定义

2018-11-06  本文已影响0人  小T果农

定义:无条件才是最大的条件 。

            对于组件,最好的状态就是没有状态 ,正如上面定义所说,组件内限定条件越是存在的少,甚至没有那才是组件组好的状态。内部组件不存在限定条件,所有组件信息都由外部传递进来 。(至于样式参数,是否也从外部获取,就要取决于项目中的限定)

让你的代码更容易碎片化以达到复用的目的。

小模块可以分为很多单一的小功能组成。

较小的模块更容易看懂 维护 复用和调试。

目的

减少生产力消耗,降低项目成本。

最大程度保留组件通用性

每个组件应该保持单一 独立 可复用 可测试

把你很大的模块拆分成单一的小组件,尽量保持最少的代码达到效果,保持组件独立。

最好是写个组件应用的小demo,把单个组件状态或者样式表达出来。

组件命名

 语义化命名。(应避免关键词命名,可携带前缀为公司,或者项目名,库名 )

最好是2-3个单词。

考虑其他项目复用进行命名。

标明需要父组件或者兄弟组件传递进去的参数

封装元素 

1,封装可重用的代码

2,封装自定义元素(页面UI,自定义功能等)

3,封装一些方法

组件使用

1,创建组件(同编写vue页面相同)

2,父组件或者兄弟组件引入 (import方法引入)

3,传递参数(具体参考父子,兄弟组件传递参数方法)

组件检测

如何检查组件的成功度,或者完美程度,通用前提下无参数状态的呈现。这个没有具体要求,根据个人标准,或者项目中组件引入状态评定。

上一篇下一篇

猜你喜欢

热点阅读