首页 > 其他 > 详细

Vue引用Element UI时的配置

时间:2021-09-23 01:42:41      阅读:9      评论:0      收藏:0      [点我收藏+]

babel.config.js

module.exports = {
  presets: [
    ‘@vue/cli-plugin-babel/preset‘,
    ["@babel/preset-env", { "modules": false }]
  ],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

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‘)

main.js (组件部分引入)

import Vue from ‘vue‘;
import App from ‘./App.vue‘;
import { Button, Select } from ‘element-ui‘;

Vue.config.productionTip = false

Vue.component(Button.name, Button);
Vue.component(Select.name, Select);
/* 或写为
 * Vue.use(Button)
 * Vue.use(Select)
 */

new Vue({
  el: ‘#app‘,
  render: h => h(App)
});

Vue引用Element UI时的配置

原文:https://www.cnblogs.com/beiyi-Lin/p/15310392.html

(0)
(0)
   
举报
评论 一句话评论(0
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!