美文网首页vue
vue-组件定义

vue-组件定义

作者: 小T果农 | 来源:发表于2018-11-06 15:05 被阅读0次

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

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

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

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

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

    目的

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

    最大程度保留组件通用性

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

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

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

    组件命名

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

    最好是2-3个单词。

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

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

    封装元素 

    1,封装可重用的代码

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

    3,封装一些方法

    组件使用

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

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

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

    组件检测

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

    相关文章

      网友评论

        本文标题:vue-组件定义

        本文链接:https://www.haomeiwen.com/subject/umhuxqtx.html