我們?cè)谧约旱木W(wǎng)站當(dāng)中有的時(shí)候會(huì)用到element-ui的組建

1.如何安裝element-ui的組件

在命令行工具當(dāng)中輸入cnpm i element-ui -S, 等待安裝

2.如何在vue當(dāng)中使用element-ui的組件

1.在main.js中引入element相關(guān)的js和css import Vue from 'vue'import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'import App from './App.vue'Vue.use(ElementUI)

2.在.vue文件中加入element-ui的按鈕之類的即可。

<template><div id="app"><img src="./assets/logo.png"><router-view/><el-button type="primary">主要按鈕</el-button></div> </template><script> export default {name: 'app' } </script><style scoped>@import '../static/css/index.css'; </style>

3.cnpm run dev運(yùn)行即可看到相應(yīng)的效果

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的VUE的element-ui的使用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。