vue中ui框架的样式穿透

在做项目的过程中，遇到了需要改ui框架的默认样式。有时候修改样式并不生效，此时就需要样式穿透了。
1.使用sass

vant组件
<van-nav-bar></van-navbar>

安装scss

npm i node-sass sass-loader -D  

添加webpack里面的配置(scss需要)

{
  test: /\.scss$/,
  loaders: ['style', 'css', 'sass']
 },

//使用 lang="scss"引入
<style  scoped lang="scss">
//scss的样式穿透需要/deep/
   /deep/ .van-nav-bar {
    background-color: #eee;
  }
 </style>

2.没使用sass,则用>>>

<style scoped>
.list >>> .van-nav-bar{
font-size:26px;
}
</style>