vue-i-components

i-components

Build Setup

# 通过下面命令管理npm版本
npm-windows-upgrade

# install dependencies
npm install vue-i-components
npm link vue-i-components

# main.js中全局安装
import MyComponents from 'vue-i-components';
Vue.use(MyComponents);

# 按需引用
import {
  MyAutoInput,MyAutoList,MyAutoSelect,MyAutoSelectDropdown,MyCascader,MyCascaderList,MyCascaderSelect,
  MyChartBar3D,MyChartPie3D,MyCheckBox,MyCheckBoxButton,MyCheckBoxLabel,MyCkeditor,MyCopy,MyDate,MyDateRange,
  MyDialog,MyImg,MyImgImages,MyImgLive,MyImgVideo,MyLabelSelect,MyLabelSelectLabel,MyLabelSetup,
  MyMap,MyMapImage,MyMapImage3D,MyMapEcharts,MyMapEcharts3D,MyNumber,MyNumberAlone,MyPhone,
  MyProgress,MyQrCode,MyRadio,MyRadioButton,MyRadioDropdown,MyRadioLabel,MyRadioLabelList,MyRadioSelect,
  MySelectMap,MySelectMapPolygon,MySelectMapView,MySwitch,MyTable,MyTableList,MyTableTable,MyTableAddMod,MyTableSort,
  MyTabs,MyTree,MyTreeMindMap,MyUploadFile,MyUploadFiles,MyUploadImage,MyUploadImages,
} from 'vue-i-components';

export default {
  components:{MyAutoInput,MyMap,MyTable,MyUploadFile}
}

<template>
<MyAutoInput v-model="dataForm.keywords" get-url="api/dc/corp/listByKeywordsLimit" placeholder="请输入" />
</template>

#echarts5和echart4同时引用
npm install echarts4@npm:echarts@4
#同步加载
#代码运行时加载CommonJS规范
var myModule = require('my-module');
#编译时头部加载ES6规范，只能放在头部
import myModule from 'my-module';

#异步加载
#代码运行时加载
import('my-module').then(module => console.log(module.name));
require(['my-module1','my-module2'],(module1,module2) => console.log(module1,module2))

#mouseover可以看到进入父集元素，进入到子集时、离开子集进入父级，一共三次。而mouseenter只有进父级时一次
mouseover,mouseleave #事件在鼠标移动到选取的元素及其子元素上时触发,支持冒泡，绑定的事件会冒泡到子标签上
mouseenter,mouseleave #事件只在鼠标移动到选取的元素上时触发,只针对所绑定的标签，不会冒泡到子标签上