[Vue] Vue 使用ElementUI组件

安装 ElementUI

• 打开项目所在根目录
• 在地址栏输入 cmd + 回车 打开命令提示符
• 输入安装命令 npm i element-ui -S 进行安装

npm i element-ui -S

安装完成

进入编辑器打开项目

打开package.json 查看 defendants 属性中是否有 element-ui

• 安装成功

使用UI组件

• 进入main.js 文件

  import ElementUI from 'element-ui';// ElementUI 组件
  import 'element-ui/lib/theme-chalk/index.css';// Element UI 组件样式
  Vue.use(ElementUI);// 使用ElementUI

• 打开 App.vue 文件

<!-- 写在 id="app" 标签内 -->
<el-button>ElementUI button</el-button>

查看

在命令提示符窗口输入 npm run serve, 启动程序

npm run serve

运行成功

• 进入浏览器输入http://localhost:8080 即可查看效果，组件已成功使用