对于Vue2
可以通过如下命令将element-ui添加到依赖里来
npm i element-ui -S
引入后可以在package.json中看到
main.js中引入:
import Vue from 'vue';
import App from './App.vue';
import ElementUI from 'element-ui';//添加
import 'element-ui/lib/theme-chalk/index.css';//添加
Vue.config.productionTip = false
Vue.use(ElementUI); //添加
new Vue({
render: h => h(App),
}).$mount('#app')
接下来就可以使用element-ui了,从element-ui官网案例中拷贝一段代码过来放在div中,再运行就可以在界面中看到效果了
Vue3
对于Vue3而言,则需要引入element-plus,网址如下
安装命令:
main.js中导入:
// main.js
import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'
const app = createApp(App)
app.use(ElementPlus)
app.mount('#app')
其余的一样正常使用,可以看element-plus的网页案例