vue.js에 CSS 스타일을 도입하는 방법

vue.js에 CSS 스타일을 도입하는 방법: 1. [app.vue]의 [】외부 스타일을 소개합니다.

• 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.
  

[관련 기사 권장 사항: vue.js]

vue.js CSS 스타일을 소개하는 방법:

1. app.vue에서 <style></style><style></style>下直接引入对应的路径

使用@import引入外部css，作用域是全局的，也可在相应的单vue组件引入，import并不是引入代码到<style></style>里面，而是发起新的请求获得样式资源，并且没有加scoped。

<style scoped>
 @import "../static/font/iconfont.css";
</style>

注：如果有样式时，应该放在#app上面引入，不然引入不成功！

2、@import改成<style src=""></style>

에 해당 경로를 직접 도입하여 외부 CSS를 도입합니다. 범위는 해당 단일 Vue에도 도입할 수 있습니다. Import and <style></style>에 코드를 도입하는 대신 스타일 리소스를 얻기 위해 새로운 요청이 이루어지며 범위가 지정되지 않습니다.

rrreee참고: 스타일이 있는 경우 #app 위로 가져와야 합니다. 그렇지 않으면 소개가 성공하지 못합니다!

2. @import를 <style src=""></style>로 변경하여 외부 스타일

🎜🎜🎜🎜🎜관련 학습 권장 사항: 🎜 자바스크립트 학습 튜토리얼🎜🎜🎜

위 내용은 vue.js에 CSS 스타일을 도입하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!