問題不好描述，我舉個例子說明，比如下面一段代碼是頁面頭部的：<template>   <div class="header">     ...  </div></template><script>export default {  mounted: ()=>{    document.getElementsByClassName('header')[0].style.colro='red'   } }</script><style scoped>   .header {    background: #999999;   } <style>上面的代碼style中因為加入了scoped，所以不用擔心頁面中其他地方使用了相同的classname(.header)，這里的.header樣式一定是指向本組件中的header?？墒侨绻胗肑S控制header樣式就不好辦了，如果頁面其他地方也有個header樣式那么document.getElementsByClassName('header')[0]可能就不是我想要選擇的DOM，請問怎么才能用JS控制DOM而不用擔心樣式同名？