OpenAnts 基于 ElementUI 的 VUE 组件库开源项目

我要开发同款
匿名用户2020年08月17日
34阅读
开发技术JavaScript
所属分类Vue组件、Web应用开发、Vue 组件
授权协议未知

作品详情

OpenAnts是基于ElementUI的VUE组件库。

截图

安装npminstallopenants-Soryarnaddopenants快速开始OpenAnts组件是基于Element开发,所以在你安装安装OpenAnts我们将自动帮你安装ElementUI,而无需你自己安装,我们建议elementUI全局引入!

全局使用OpenAntsmain.js中的配置

importVuefrom'vue';importElementUIfrom'element-ui';//需要引入element-uiimport'element-ui/lib/theme-chalk/index.css';//需要引入element-ui的主题文件importOpenAntsfrom'openants';//需要引入OpenAntsimport"openants/lib/openants.css";//需要引入OpenAnts的css文件importAppfrom'./App.vue';Vue.use(ElementUI);//将ElementUI组件注册到VUEVue.use(OpenAnts);//将ElementUIOpenAntsnewVue({el:'#app',render:h=>h(App)});按需使用OpenAnts

main.js中的配置

importVuefrom'vue';importElementUIfrom'element-ui';//需要引入element-uiimport'element-ui/lib/theme-chalk/index.css';//需要引入element-ui的主题文件import{btn,xxx}from'openants';//需要引入OpenAntsimport"openants/lib/openants.css";//需要引入OpenAnts的css文件importAppfrom'./App.vue';Vue.use(ElementUI);//将ElementUI组件注册到VUEVue.component(btn.name,btn);Vue.component(xxx.name,xxx);/*或写为*Vue.use(btn)*Vue.use(xxx)*/newVue({el:'#app',render:h=>h(App)});完整教程https://docs.unpor.com/docs/openants_for_vue/openants_for_vue-1c9f9qf36cnl9

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论