前提:已经安装好Vue
初始化vue
rush:js;">
vue init webpack itemname
运行初始化demo
运行一下初始后的demo,如果没有问题则进行安装elementUI
rush:bash;">
npm run dev
安装 elementUI
rush:bash;">
npm i element-ui -S
引入elementUI
在main.js中引入elementUI
rush:js;">
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
测试
下面我们来测试一下
在创建header.vue文件,复制一段elementUI的代码
rush:js;">
在App.vue中引入header.vue
rush:js;">
效果:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。
原文地址:https://www.jb51.cc/elementui/33714.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。