vue2-components-demo v0.0.5

vue2-components-demo

简介

这是基于 vue2 + element-ui 搭建的组件库 demo

使用

1、安装依赖

# 先安装element-ui，该组件库基于element-ui进行二次封装开发
npm i element-ui -S
# 再安装组件库
npm i vue2-components-demo -S

2、在 Vue 项目的入口文件中引入全局引入该组件

import Vue from 'vue';
import App from './App.vue';
import Vue2ComponentsDemo from 'vue2-components-demo';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.config.productionTip = false;
Vue.use(Vue2ComponentsDemo);
Vue.use(ElementUI);

new Vue({
  render: (h) => h(App),
}).$mount('#app');

3、按需引入组件

import Vue from 'vue';
import BlockTitle from 'vue2-components-demo/lib/block-title';

Vue.use(BlockTitle);

如何开发新的组件

1、在 src/components/ 目录下按规范新增组件

2、在 src/components.json 中配置该组件

3、在 src/App.vue 中使用该组件

4、执行 npm run dev 命令 开始本地开发