VUE学习心得(持续更新ing!)

这篇博文将长期更新，将会是我自己踩得坑，自己爬坑的总结

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的当前指向。