Vue2.0 style样式scoped使用less时样式穿透覆盖

本文主要介绍Vue2.0 style样式scoped使用less时样式穿透覆盖。主要实现的方法是/deep/和>>>

一、使用/depp/

<style scoped lang="less">
	.class{
		  /deep/.upwarp-nodata,
		  /deep/.upwarp-tip {
		    .px2rem(font-size, 12); // 此处为封装好的代码  等价于为`font-size:0.12rem;`
		  }
	}
<style>

二、使用>>>

注：建议少使用>>>该方法对less的友好性较差，对stylus较好。

.class>>>.upwarp-tip {
  font-size:12rem;
 }