怎么安裝看element-ui 官方文檔
按需引入
第一步
安裝 babel-plugin-component
npm install babel-plugin-component -D
第二步
配置babel瞒津，修改babel.config.js/.babelrc文件
module.exports = {
presets: ['@vue/cli-plugin-babel/preset'],
plugins: [
[
'component',
{
libraryName: 'element-ui',
styleLibraryName: 'theme-chalk'
}
]
]
}
第三步
1.在 src 文件夾中新建我們的 element 文件夾澳骤，并在里面新建一個(gè) index.js 文件
2.在index文件中去書寫我們需要引入的部分組件
3.在 main.js 中使用該文件粹舵，就大功告成了
// element/index.js
import { Button, Select, Switch, MessageBox, Message } from 'element-ui'
const element = {
install: function(Vue) {
Vue.use(Button)
Vue.use(Switch)
Vue.use(Select)
Vue.prototype.$msgbox = MessageBox
Vue.prototype.$alert = MessageBox.alert
Vue.prototype.$confirm = MessageBox.confirm
Vue.prototype.$message = Message
}
}
export default element
// main.js
import element from './element/index'
Vue.use(element)
