Vue

[Vue] Vue 使用ElementUI组件

星如雨
2022-03-08 / 0 评论 / 92 阅读 / 正在检测是否收录...

安装 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 即可查看效果,组件已成功使用
0

评论 (0)

取消