components-ele v1.0.1

基于vue2 + element 组件库封装

创建

1. 将src重命名为examples放测试示例, 并添加packages目录，用来存放我们的自定义组件库
2. 在packages目录下，新增一个index.js用来动态按需注册组件库

打包

打包packages的组件代码到lib目录下,文件名为以--name指定的名称前缀开头

"build: lib": "vue-cli-service build --target lib --name SooUI --dest lib src/index.js",

组件库构成

packages

组件文件夹，和一个导出组件库index.js

包含一个当前组件源码src文件夹，和一个导出当前组件的index.js

注意：组件一定要设置name，否则会报错。

使用

// 安装：
npm install components-ele

// 局部:
import SooDialog from 'components-ele/packages/Dialog'
components: {
    SooDialog
}

// 全局，按需引入:
import SooUI from 'components-ele/packages/index' // 导入组件库
Vue.use(SooUI) // 注册组件库

Province 三级联动

<template>
    <province
        :provinces="provinces"
        :city="city"
        :regions="regions"
        @provinceChange="provinceSelectChange"
        @cityChange="citySelectChange"
        @regionChange="regionSelectChange"
    />
</template>

> dialog 对话框