【报Bug】 编译运行到浏览器后，插入到<style></style>中的css代码的作用域和dom中实际运行标签的作用域不一致，导致样式无法命中。

操作步骤：

以下为vue中template的部分代码，其中refresh-list为自定义组件。

<refresh-list id="refresh-list-comp" @getListData="getListData($event, { tagId: 'refresh-list-comp' })">  
  <view class="refresh-list-inner" slot="innerList">  
    <view class="func-amount-header">  
      <image class="image" mode="aspectFill" src="/static/packageSearch/images/pic_zhifuedu@2x.png" />  
    </view>  
    <view class="card-list">  
      <view class="card-wrap" v-for="(item, index) in recordList" :key="index">  
        <view class="card-header"></view>  
        <view class="card-body"></view>  
      </view>  
    </view>  
  </view>  
  <view slot="imageEmpty"><image src="/static/images/pic_zanwu@3x.png" mode="widthFix" style="width: 100%"></image></view>  
</refresh-list>

以下是部分对应的原始css:

.container #refresh-list-comp .refresh-list-inner {  
  width: 702rpx;  
  margin: 0 auto;  
}  
.container #refresh-list-comp .refresh-list-inner .func-amount-header {  
  width: 702rpx;  
  height: 118rpx;  
}  
.container #refresh-list-comp .refresh-list-inner .func-amount-header .image {  
  width: 100%;  
  height: 100%;  
}  
.container #refresh-list-comp .refresh-list-inner .card-list {  
  background-color: #fff;  
  overflow: hidden;  
}

预期结果：

希望样式可以正常命中。

实际结果：

编译并运行到浏览器中后，查看<style></style>中的样式，发现加上了作用域[data-v-1fe11125] ：

.container #refresh-list-comp .refresh-list-inner[data-v-1fe11125] {  
  width: 365px;  
  margin: 0 auto;  
}  
.container #refresh-list-comp .refresh-list-inner .func-amount-header[data-v-1fe11125] {  
  width: 365px;  
  height: 61px;  
}  
.container #refresh-list-comp .refresh-list-inner .func-amount-header .image[data-v-1fe11125] {  
  width: 100%;  
  height: 100%;  
}  
.container #refresh-list-comp .refresh-list-inner .card-list[data-v-1fe11125] {  
  background-color: #fff;  
  overflow: hidden;  
}

但是dom中.refresh-list-inner和.func-amount-header上的作用域都是[data-v-0dc14f84]，详见附件。导致css样式没有命中。