vue连线 插件_Vue + 常用第三方插件 基础使用

本文介绍了Vue结合Element UI、Swiper、vue-lazyload和rem+less的集成与基础使用。通过按需引入Element UI,全局或局部安装及配置Swiper,实现图片懒加载,以及设置响应式布局,详细阐述了每个插件的安装、引入和使用步骤。
摘要由CSDN通过智能技术生成

Vue + 常用第三方插件 基础使用

一、Vue + element

1、element——>快速入手——>按需引入方式:

(1)、安装element-ui

//-S等同于:--save

//i是install的缩写

npm i element-ui -S

(2)、安装按需加载的依赖

//-D等同于:--save-dev

npm install babel-plugin-component -D

(3)、修改.babelrc文件为:

{

"presets": [

["env", {

"modules": false,

"targets": {

"browsers": ["> 1%", "last 2 versions", "not ie <= 8"]

}

}],

"stage-2"

],

"plugins": ["transform-vue-jsx", "transform-runtime",["component", {

"libraryName": "element-ui",

"styleLibraryName": "theme-chalk"

}

]]

}

(4)、在main.js中配

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值