ElementUI 框架的使用
程序员文章站
2022-06-07 22:08:40
...
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>
//按需引入ElementUI:
先在vue项目根目录下载:cnpm install babel-plugin-component -D;
然后将.babelrc文件内容修改为:为什么vue项目里没有static/babelrc文件夹??? 找不到
{
"presets":[["es2015",{"modules":false}]],
"plugins":[
[
"component",
{
"libraryName":"element-ui",
"styleLibraryName":"theme-chalk"
}
]
]
}
使用swiper组件:
cnpm/npm install vue-awesome-swiper --save;
在程序入口文件main.js中引用:import VueAwesomeSwiper from ‘vue-awesome-swiper’
引入样式:import ‘swiper/dist/css/swiper.css’;
在main.js中使用swiper组件:Vue.use(VueAwesomeSwiper)
上一篇: 复印机成像故障汇总与排除