父组件写css时,样式选择器中加上 /deep/或者 >>> 这两个标记就可以添加到到子组件结构的样式中了。
举例:
父组件
<div>
<searchForm class="searchFormStyle"></searchForm>
<div>
<style>
.searchFormStyle /deep/ .insideStyle{
background-color: yellow;
}
</style>
子组件searchForm内
<tmeplate>
<div class="container">
<input type="text" class="insideStyle">
<button>搜索</button>
</div>
</template>
另外,要注意的是,据说,在vue-loader 11.2.0之后才支持。