ElementUI 是一款基于 Vue.js 的 UI 庫,它具有豐富的組件和良好的設計風格,可以幫助我們快速搭建美觀的前端頁面。在本篇文章中,我們將介紹如何在 Vue 項目中引用 ElementUI。
首先,我們需要安裝 ElementUI。可以使用 npm 或者 yarn 安裝,在終端中輸入以下命令:
npm install element-ui --save
或者
yarn add element-ui
安裝完成后,在 main.js 中引入 ElementUI:
import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
在引入之后,我們就可以在 Vue 組件中使用 ElementUI 的組件了。例如,我們要使用一個按鈕組件,可以在組件的模板中這樣寫:
<template>
<div>
<el-button>按鈕</el-button>
</div>
</template>
上一篇html 行邊框顏設置
下一篇emoj vue