vue中配置css的命名规范

 <div class="head">
            <div class="head__title"></div>
 </div>

 .head { 
     color: #000; 
     .head__title { 
            color: #000 
        }
 }

想要的效果：

 .head { 
     color: #000;
     &dirname__title {  //  好像是这个单词， 大概就是这个意思吧， 下一级的css不需要写上一级的样式名， 可以自己定义！
            color: #000;
     }
 }

以前配置过， 但很久没用了。 好像是bem, config文件配置一番。具体怎么配置有些模糊，
有知道的大佬麻烦解惑，拜谢！！！

Scss了解一下官方文档
父选择器的标识符&;

  .head { 
     color: #000;
     &__title { 
            color: #000;
     }
 }

要用的话得装node-sass