OpenAnts基于 ElementUI 的 VUE 组件库
OpenAnts 是基于 ElementUI 的 VUE 组件库。
截图
安装
npm install openants -S
or
yarn add openants
快速开始
OpenAnts组件是基于Element开发,所以在你安装安装OpenAnts我们将自动帮你安装ElementUI,而无需你自己安装,我们建议elementUI全局引入!
全局使用OpenAnts
main.js中的配置
import Vue from 'vue';
import ElementUI from 'element-ui'; // 需要引入 element-ui
import 'element-ui/lib/theme-chalk/index.css'; // 需要引入 element-ui 的主题文件
import OpenAnts from 'openants'; // 需要引入 OpenAnts
import "openants/lib/openants.css"; // 需要引入 OpenAnts 的 css文件
import App from './App.vue';
Vue.use(ElementUI); // 将 ElementUI 组件注册到VUE
Vue.use(OpenAnts); // 将 ElementUI OpenAnts
new Vue({
el: '#app',
render: h => h(App)
});
按需使用OpenAnts
main.js中的配置
import Vue from 'vue';
import ElementUI from 'element-ui'; // 需要引入 element-ui
import 'element-ui/lib/theme-chalk/index.css'; // 需要引入 element-ui 的主题文件
import {btn,xxx} from 'openants'; // 需要引入 OpenAnts
import "openants/lib/openants.css"; // 需要引入 OpenAnts 的 css文件
import App from './App.vue';
Vue.use(ElementUI); // 将 ElementUI 组件注册到VUE
Vue.component(btn.name, btn);
Vue.component(xxx.name, xxx);
/* 或写为
* Vue.use(btn)
* Vue.use(xxx)
*/
new Vue({
el: '#app',
render: h => h(App)
});
完整教程
http://docs.unpor.com/docs/openants_for_vue/openants_for_vue-1c9f9qf36cnl9
评论