一：轮播图

• @click.native 如果组件使用点击时间无效 可以使用修饰符.native 转为原生事件是给组件绑定原生事件。

• slideTo跳转到指定照片开始跳，参数是表示第几张图片 切换的速度 触不触发回调函数
• 数据是异步额 数据还没到的情况下 轮播图组件已经开始加载了 导致配置无缝轮播的时候效果出不来 解决方法：使用条件判断 当数据还没获取到的时候不加载轮播图 数据到了 在加载 v-if="imglist.length"

案例：

二 ；less

1：安装less

• 1、npm i less --save-dev 把less源码安装到开发环境 - less文件是通过less.loader.js 来编译成css最后加载到页面中的 */
• 2、npm i less-loader@6 --save-dev 安装less解析器 （★一定要指定版本）
• 3、npm i less -g 然后 lessc -v 查看版本
• 4、在main.js import less from 'less' Vue.use(less)
• 5、独立的vue文件需要引入less

二 使用less

• less中变量的使用 定义方式：@key:value; 使用方式：@key;
• 写减法的时候左右要加空格，否则会理解为杠-
• 多层嵌套+变量计算；
• 定义一个函数；不传参就是默认值

使用

• 可以创建一个文件这less 里面可以放一个类似全局的样式 以这个变量为基础 后面的样式做修改 然后再剩下的样式中引入 另外这个公共的样式谁想使用 就可以直接引入 比较维护和方便使用

• 在另外一个页面引入公共的样式 然后再次基础上对后面的标签做修改

• 背景图片的使用方式

• 嵌套使用 也可以运算 减号左右需要空格

• 定义函数