密云广州网站建设,西北建设有限公司官方网站,保世基官方网站建设,美容行业培训网站建设安装
:::warning 注意 后续演示将会在 Vue CLI 搭建的 Vue 项目上进行操作。如需要请查看 Vue CLI 安装 :::
通过 YARN 命令安装
$ yarn add element-ui完整引入
代表一次性引入所有组件#xff0c;比较省心省事#xff0c;但是项目的打包体积也会跟着变大。
// main.js…安装
:::warning 注意 后续演示将会在 Vue CLI 搭建的 Vue 项目上进行操作。如需要请查看 Vue CLI 安装 :::
通过 YARN 命令安装
$ yarn add element-ui完整引入
代表一次性引入所有组件比较省心省事但是项目的打包体积也会跟着变大。
// main.jsimport Vue from vue
import ElementUI from element-ui
import element-ui/lib/theme-chalk/index.cssVue.use(ElementUI)按需引入
在实际项目开发中建议使用按需引入也就是用多少组件就引入多少组件。可以大大节省打包的体积。
// main.jsimport Vue from vue
import { Button } from element-ui
import element-ui/lib/theme-chalk/base.css
import element-ui/lib/theme-chalk/button.cssVue.use(Button)基础案例
!-- App.vue --templatediv idappel-buttonButton/el-button/div
/template原文链接菜园前端
