vue外层div上有点击事件，内层div也有点击事件，想要实现点 内层div，不触发外层点击事件（综合一下记录）

vue有个属性是@click.stop="test()"
因为我写app，⽤（mui框架中app的点击事件），本来还以为不能⽤，后来试了下，好⽤的
想了想也对，毕竟是mui只是个UI框架，实际还是vue的东西

<view class="tab-bar-line" v-for="(item, index) in list" :key="item.id">
    <view class="content" @click="goDetail(item.id)">
        <image :src="item.img" style="width: 150rpx; height: 150rpx; border-radius: 75rpx;"></image>
        <view class="desc">
            <view class="" @click.stop="buyGoods(item.id)">
                <text class="fr cu-tag bg-gradual-orange margin-bottom-xs text-xs">⽀付</text>
                <view class="clear"></view>
            </view>
        </view>
    </view>
</view>

补充：

vue—click点击事件的冒泡行为
**1. click.stop就是外层包内层，内层写了.stop不会触发到外层的，只触发内层

.prevent就是阻止默认跳转链接，比如写了一个百度链接，没有
prevent会默认跳转到百度网页，写了这个prevent就会阻止自动跳转行为
.capture就是外层包内层，外层写了capture行为，只会触发外层，而内层是先触发外层，再触发内层
.self就是外层包内层，内层包按钮事件，内层写了.self行为，外层只会触发外层，内层先触发内层，再外层，点击按钮事件，先触发按钮事件，再触发外层，不会触发内层
、click.prevent.once就是，第一次点击触发hrfe，不会跳转链接，第二次点击就会跳转链接**