cloud-front-components

云平台公共组件库

安装方法

# 安装方法
1.npm安装： 推荐node版本16.15.0
npm install cloud-front-components
2.yarn安装：
yarn add cloud-front-components
# 引用cloud-front-components.js，使用方法见下文

使用方法

1.完整引入

在main.js下

import CloudComponents from 'cloud-front-components'
import 'cloud-front-components/dist/cloud-front-components.css';

Vue.use(CloudComponents)

然后在其他.vue文件里面，直接使用组件<zq-dialog><zq-dialog/> 即可

2.按需引入

在main.js下

import CloudComponents from 'cloud-front-components'
import 'cloud-front-components/dist/cloud-front-components.css';
let { 
    ZqDialog,
    ZqImg
} = CloudComponents;

Vue.component(ZqDialog.name, ZqDialog);
Vue.component(ZqImg.name, ZqImg);
或写为
/* 
    *  Vue.use(ZqDialog);
    *  Vue.use(ZqImg);
*/

然后在其他.vue文件里面，直接使用组件<zq-dialog><zq-dialog/> 即可

注意事项

    使用的组件名称，应该是定义组件时的name,对组件大小写不过敏，例如：
    定义组件的name为ZqButton，使用时以下几种都可以，推荐第一种

    <template>
        <zq-button type="success"></zq-button>
        <ZqButton type="success"></ZqButton>
        <zqButton type="success"></zqButton>
    </template>