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

vue-组件定义

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

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

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

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

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

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

目的

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

最大程度保留组件通用性

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

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

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

组件命名

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

最好是2-3个单词。

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

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

封装元素 

1,封装可重用的代码

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

3,封装一些方法

组件使用

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

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

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

组件检测

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

相关文章

  • Vue-基础-04-重点

    Vue-基础-day04-重点 01-基础-组件-局部组件 组件: 封装html+css+js 两类+三步 定义 ...

  • vue-组件定义

    定义:无条件才是最大的条件 。 对于组件,最好的状态就是没有状态 ,正如上面定义所说,组件内限定条件越...

  • Vue父传子、子传夫通信--小案例

    父传子 子传夫 如有不懂,可以看我的 Vue-组件通信

  • 4 动画及组件

    vue-> 过渡(动画) (它的本质走的是css3: transtion ,animation) 组件 ...

  • Vue-自定义组件3

    好看的网页千篇一律,有趣的代码万里挑一。 一到秋天,南京就美成了金陵。 现在已经初冬了,南京街头还是深秋景象。 这...

  • 《目录》

    更新到 111、MD5在项目中的加密のmd5单向加密2、vue-组件化の封装组件、引用组件3、微信小程序开发...

  • vue-组件

    1.Vue中是如何引入组件(对象 构造函数 )1.1. Vue是vue实例的构造函数, 通过new Vue() ...

  • VUE-组件

    组件 组件就是为了拆分Vue实例的代码量的,能够让我们以不同的组件来划分不同的功能模块,将来我们需要什么样的功能,...

  • Vue-组件

    定义Vue组件 什么是组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功...

  • Vue-组件

    一.组件 组件都具有模板,template new Vue()创建的是根组件 组件与实例一一对应,创建一个实例就是...

网友评论

    本文标题:vue-组件定义

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