Vue CLI是一個命令行界面，它可以快速幫助我們搭建一個Vue項目。而sass scoped則是Vue CLI提供的默認配置之一，能夠非常方便地給組件樣式添加作用域。接下來，我們將詳細介紹sass scoped的使用。

首先，我們需要在Vue CLI中使用sass語法，可以使用以下命令進行安裝：

npm install -D sass-loader node-sass

然后，在Vue文件中，我們可以通過以下方式引入樣式：

<style lang="scss" scoped>
/*樣式代碼*/
</style>

需要注意的是，我們使用了scoped修飾符，這樣我們的樣式就只會影響當前組件。而在普通的sass文件中，樣式類會全局生效。

另外，我們可以在style標簽中使用/>>>或者/deep/，來讓樣式類穿透到子組件中。

下面是一個例子：

<style lang="scss" scoped>
/*定義一個樣式類*/
.red {
color: red;
}
/*使用>>>穿透*/
.box >>>.red {
font-size: 20px;
}
/*使用deep穿透*/
.box /deep/ .red {
font-size: 20px;
}
</style>
<template>
<div class="box">
<!--子組件-->
<child-component/>
</div>
</template>

在上面的例子中，我們定義了一個樣式類.red，并在.box中使用了/>>>或者/deep/讓樣式穿透到子組件中。

最后需要注意的一點是，sass scoped只是一種默認配置，如果我們需要更加靈活地使用樣式，可以選擇不使用scoped，或者使用其他的方式。