vue cli3.0 创建组建发布到npm

三, 组建使用说明

Install

npm install edpglobal -S

Quick Start

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

import Vue from 'vue'
import edpglobal from 'edpglobal'
Vue.use(edpglobal);

Simple usage

<template>
	<div>
		<div class="edpglobal-item">
			<label>Switch: </label>
			<edp-switch v-model="lightSwitch">开关(开):</edp-switch>
			<edp-switch v-model="switchLight">开关(关):</edp-switch>
		</div>
		<edp-list :styleObject="styleObject" :listData="listData"></edp-list>
		<div class="page-content">
			<edp-colorpicker v-model="color" v-on:change="headleChangeColor"></edp-colorpicker>
		</div>
	</div>
</template>
<script>
	export default {
		data() {
			return {
				color: "#ff0000",
				lightSwitch: false,
				switchLight: true,
				styleObject:{
                    color: 'blue',
    				fontSize: '28px',
    				width:'100%'
                },
				listData: [{
						id: 1,
						title: 'one the dishes',
					},
					{
						id: 2,
						title: 'two the dishes',
					},
					{
						id: 3,
						title: 'three the dishes'
					},
					{
						id: 4,
						title: 'four the dishes'
					},
					{
						id: 5,
						title: 'five the dishes'
					}
				]
			}
		}
	}
</script>