美文网首页
vue组件开发总结

vue组件开发总结

作者: 每天都睡不醒 | 来源:发表于2018-03-21 10:22 被阅读0次

组件划分

组件的划分
组件职责划分
一个组件只做一件事,基于功能做好职责划分。
组件分类
1. 无状态组件
2. 端对端组件
3. UI组件
4. 业务组件
5. 容器组件
组件设计原则
  1. 尽可能的减少状态
  2. 合理的依赖关系
a. 父组件不依赖子组件。要做到当我们把子组件删除后,只是丢失了一个功能,或一个模块等,而不会造成父组件及兄弟组件功能异常。
b.子组件基于父组件传递 props 作出个性化展示。

  1. 扁平化参数
  2. 良好的接口设计

引用

编写良好的前端组件

相关文章

  • Vue中组件之间的通信方式?

    vue是组件化开发框架,所以对于Vue应用来说组件间的数据通信非常重要。 通信方式总结: props $emit/...

  • vue(2)

    Vue组件化开发 组件化开发的思想 组件的注册 组件间的数据交互 组件插槽的用法 Vue调试工具的用法 组件开发思...

  • 如何开发vue、react、angular的组件库教程

    关键词:vue,react,angular,开发,封装,ui组件,组件库,常用组件 目标:开发相应的组件库vue-...

  • vue组件开发总结

    组件划分 组件职责划分 组件分类 组件设计原则 尽可能的减少状态 合理的依赖关系 扁平化参数 良好的接口设计 引用...

  • Vue磨刀嚯嚯

    Vue开发风格——传统方法应用vue.js Vue开发风格——单个组件式 组件 基本操作 创建一个组件构造器 注册...

  • vue开发组件设置*.vue文件模板

    title: vue组件开发模板date: 2016-11-21 开发模板 规范 本文介绍vue组件开发的模板,在...

  • Vue优化9法

    总结2019年3月vue开发大会Cuillaume Chau发表的Vue性能优化9法 其中包括: 函数型组件 子组...

  • 五、Vue生态介绍

    一、Vue组件库Vue组件库是使用Vue框架开发的组件,一般包含着开发者可以直接使用的基础组件:表单、弹窗、表格等...

  • vue中组件的通信方式

    在vue项目开发中,组件之间进行数据传递,是必不可少的,那么今天就来总结一下vue中组件通信的集中方式。 一、父子...

  • vue写调色板

    组件开发App.vue

网友评论

      本文标题:vue组件开发总结

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