Skip to content

[vue] 说说你对vue组件的设计原则的理解 #426

Open
@haizhilin2013

Description

@haizhilin2013
Collaborator

[vue] 说说你对vue组件的设计原则的理解

Activity

wenyejie

wenyejie commented on Jun 27, 2019

@wenyejie

第一: 容错处理, 这个要做好, 极端场景要考虑到, 不能我传错了一个参数你就原地爆炸
第二: 缺省值(默认值)要有, 一般把应用较多的设为缺省值
第三: 颗粒化, 把组件拆分出来.
第四: 一切皆可配置, 如有必要, 组件里面使用中文标点符号, 还是英文的标点符号, 都要考虑到
第五: 场景化, 如一个dialog弹出, 还需要根据不同的状态封装成success, waring, 等
第六: 有详细的文档/注释和变更历史, 能查到来龙去脉, 新版本加了什么功能是因为什么
第七: 组件名称, 参数prop, emit, 名称设计要通俗易懂, 最好能做到代码即注释这种程度
第八: 可拓展性, 前期可能不需要这个功能, 但是后期可能会用上, 要预留什么, 要注意什么, 心里要有逼数
第九: 规范化,我这个input组件, 叫on-change, 我另外一个select组件叫change, 信不信老子捶死你
第十: 分阶段: 不是什么都要一期开发完成看具体业务, 如果一个select, 我只是个简单的select功能, 什么multi老子这个版本压根不需要, 别TM瞎折腾! 给自己加戏

yelingfeng

yelingfeng commented on Jul 10, 2019

@yelingfeng

Typescript 、写好Component说明、写好props说明

hzyyy

hzyyy commented on Sep 11, 2019

@hzyyy

Typescript、写好Component说明、写好props说明

TypeScript 万岁

zhuyu1220

zhuyu1220 commented on Mar 10, 2022

@zhuyu1220

1.可维护性
2.可 重用性
3.可组合性

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @yelingfeng@wenyejie@haizhilin2013@hzyyy@zhuyu1220

        Issue actions

          [vue] 说说你对vue组件的设计原则的理解 · Issue #426 · haizlin/fe-interview