欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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)

相关标签: vue