vue按需引入element-ui

最新推荐文章于 2024-04-10 15:51:36 发布

only you502

最新推荐文章于 2024-04-10 15:51:36 发布

阅读量1.4k

点赞数 1

分类专栏： vue 文章标签： vue.js ui javascript

本文链接：https://blog.csdn.net/qq_55949207/article/details/126138327

版权

vue 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

1.下载包

npm i babel-plugin-component -D
npm i element-ui

2.修改.babelrc文件

//按需引入Element-ui的配置
{
  "presets": [[ "env",{ "modules": false }]],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

3.main.js

import {Loading} from 'element-ui';
// import 'element-ui/lib/theme-chalk/index.css';

Vue.use(Loading)

4.组件引用

<template>
    <div>
        <el-button>按钮</el-button>
    </div>
</template>

<script>
import {Button} from 'element-ui'
export default {
    name: 'Home',
    components: {
        [Button.name]: Button,
    },

    data() {
        return {
            
        };
    },

    mounted() {
        
    },

    methods: {
        
    },
};
</script>

<style scoped>

</style>