vue修改框架默认样式

vue项目修改框架默认样式
出现的问题及原因：
在一个页面时, style 设置 scoped, 现在样式仅在设置 “本地” 可用。故导致我们想要修改组件样式无法修改成功。

html:

  <div class="demo">
    <mt-header title="long long long long title">
        <mt-button  slot="left">back</mt-button>
        <mt-button icon="more" slot="right"></mt-button>
    </mt-header>
  </div>

<!--当lang=stylus时  用 ">>>" -->
  <style lang="stylus" scoped>
    .demo <<< .mt-header{
     background: red;
    }
 </style>

   <!-- 方案一 ：用 "/deep/"-->
        <style lang="scss / less" scoped>
			.demo /deep/ .mt-header{
			       background: red;
			   }
		 </style>
	<!-- 方案二 ：去除scoped(方案不可取)->
	<!-- 方案三 ：写两个style样式，一个加上scoped，一个不加scoped,在没有scoped里面设置，（不可取）->
	

终极方案：(方案不可取)
在 app.vue文件中 style 不要加 scoped, 在设置样式即可。