vue.js에서 범위 외부 css를 수행하는 방법

vue.js에서 범위 외부 css를 수행하는 방법

나는 vue.js에 처음 와서 이 비디오를 보았다.

https://www.youtube.com/watch?v=LsoLfELhG74

그 말은 네가 할 수 있다는 거야

<style scoped>
</style>

이 경우 html 페이지에 삽입할 수 있습니다..css 파일에 링크하면 어떻게 됩니까?어떻게 아직도 css 범위를 지정할 수 있죠?

고마워요.

를 추가할 수 있습니다.src다음과 같이 스타일 태그에 속성을 부여합니다.

<style scoped src="./test.css">
</style>

먼저 styles/scss/_scs.scss와 같은 scss 파일을 만듭니다.이 _variables.scss 파일에서 $bg-color: red와 같은 필요한 스타일을 Import합니다.

다음으로 필요한 .vue 파일에 scss 파일을 Import합니다.

<style lang="scss">
 @import "../styles/scss/_variables.scss";
 .msg {
        background-color: $bg-color;
      }
</style>

언급URL : https://stackoverflow.com/questions/44621052/how-to-do-scoped-external-css-in-vue-js