这篇博文将长期更新,将会是我自己踩得坑,自己爬坑的总结
1.组件部分
在Vue的components里边,每个template 里边的元素,必须有一个大的盒子完整包裹
<template>
<Carousel v-model="value1" loop>
<CarouselItem>
<div class="demo-carousel">1</div>
</CarouselItem>
<CarouselItem>
<div class="demo-carousel">2</div>
</CarouselItem>
<CarouselItem>
<div class="demo-carousel">3</div>
</CarouselItem>
<CarouselItem>
<div class="demo-carousel">4</div>
</CarouselItem>
</Carousel>
</template>
就像这段代码中的
<Carousel></Carousel>
否则,在引入components的时候,将只出现第一个被包裹的part,其余部分不显示。
2.关于this
var _self = this;
这段时间看公司前辈的代码,经常看到这么一段,当时内心的OS:不就是个this,直接用不就行了,为什么还要加这么一句,后来问了师傅,才知道,这种写法跟this的作用域有关系,写了那一句,那么写在哪,作用范围就在那,保存了this的当前指向。