zznode-standard

使用说明

安装

npm/cnpm install zznode-standard -s

使用

在main.js文件中引入插件并注册

main.js


import zznode from "zznode-standard"
Vue.use(zznode)


开发说明

1. 本说明为前端组件库开发规范说明;
2. 所有开发人员开发组件时须严格按照本开发说明进行开发；
3. 如本说明有不合理或未涉及方面，不允许私自修改说明，须向前端负责人汇报，由负责人决定修改；
4. 每次修改时需要记录修改人员以及修改时间；
5. 如因未按照本开发说明开发造成的后果须由相关负责开发承担。
通用组件开发注意事项

1. 可读性
    组件命名语义化，尽量避免使用拼音，方法名、类名等同理。
    要有清晰明了的注释，演示组件用例，属性、参数、方法说明。
2. 逻辑功能合理性
    能在组件内完成的功能，不要暴露给父组件处理。
3. 数据设计的合理性
    组件自身除了必要的数据，一般不携带大量私有数据，尽量由父组件输入，处理完后根据业务场景决定是否需要输出。
    由于通用组件使用场景复杂不定，建议对props传递的数据增加type、default等规则。
    尽可能不使用vuex。
4. 样式的一致性
    组件样式风格要和网站整理风格一致，在不同地方使用，样式尽量保持一致，不能变形。
    尽量避免编写公共样式影响到其他组件的使用，合理运用scoped。
5. 可扩展性
    每个组件都需要留一个插槽，以增强组件的扩展性，一些少量的个性化需求利用插槽。
cnpm 安装路径 

npm install -g cnpm --registry=https://registry.npm.taobao.org
Project setup


npm install

$3


npm run serve

$3


npm run build

$3


npm run lint

$3

See Configuration Reference.

zznode-standard

使用说明

安装

npm/cnpm install zznode-standard -s

使用

在main.js文件中引入插件并注册

main.js


import zznode from "zznode-standard"
Vue.use(zznode)


开发说明

1. 本说明为前端组件库开发规范说明;
2. 所有开发人员开发组件时须严格按照本开发说明进行开发；
3. 如本说明有不合理或未涉及方面，不允许私自修改说明，须向前端负责人汇报，由负责人决定修改；
4. 每次修改时需要记录修改人员以及修改时间；
5. 如因未按照本开发说明开发造成的后果须由相关负责开发承担。
通用组件开发注意事项

1. 可读性
    组件命名语义化，尽量避免使用拼音，方法名、类名等同理。
    要有清晰明了的注释，演示组件用例，属性、参数、方法说明。
2. 逻辑功能合理性
    能在组件内完成的功能，不要暴露给父组件处理。
3. 数据设计的合理性
    组件自身除了必要的数据，一般不携带大量私有数据，尽量由父组件输入，处理完后根据业务场景决定是否需要输出。
    由于通用组件使用场景复杂不定，建议对props传递的数据增加type、default等规则。
    尽可能不使用vuex。
4. 样式的一致性
    组件样式风格要和网站整理风格一致，在不同地方使用，样式尽量保持一致，不能变形。
    尽量避免编写公共样式影响到其他组件的使用，合理运用scoped。
5. 可扩展性
    每个组件都需要留一个插槽，以增强组件的扩展性，一些少量的个性化需求利用插槽。
cnpm 安装路径 

npm install -g cnpm --registry=https://registry.npm.taobao.org
Project setup


npm install

$3


npm run serve

$3


npm run build

$3


npm run lint

$3

See Configuration Reference.