在vue中使用ElementUI

完整引用ElementUI:

安装:在需要使用到的vue项目目录下,使用npm下载安装: npm/cnpm i element-ui -S/--save

<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

 

// 在main.js中引入ElementUI  完整引入
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
// import {Button,Row} from 'element-ui';

Vue.use(ElementUI)

  

//按需引入ElementUI:

先在vue项目根目录下载:cnpm install babel-plugin-component -D;

然后将.babelrc文件内容修改为:为什么vue项目里没有static/babelrc文件夹??? 找不到

 

{
​    "presets":[["es2015",{"modules":false}]],
​    "plugins":[
​        [
​            "component",
​            {
​                "libraryName":"element-ui",
​                "styleLibraryName":"theme-chalk"
​            }
​        ]
​    ]
}

  

posted @ 2019-10-23 14:32  悦耳pn  阅读(231)  评论(0编辑  收藏  举报