1.0.64 • Published 2 years ago
cloud-front-components v1.0.64
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>
1.0.64
2 years ago