vuejs에 CSS를 도입하는 방법: 1. "app.vue"의 "" 아래에 해당 경로를 직접 도입합니다. 2. "@import"를 "<style src=""> < /style>"은 외부 스타일을 소개합니다. </p></blockquote> <p><img src="https://img.php.cn/upload/article/000/000/020/614d45cef3480164.jpg" alt="vuejs에 CSS를 도입하는 방법" ></p> <p>이 기사의 운영 환경: Windows 7 시스템, vue 버전 2.9.6, DELL G3 컴퓨터. </p> <p><strong>vue.js에 외부 CSS 스타일이 도입되나요? </strong></p> <p>Vue.js 애니메이션을 배울 때 animate.css를 도입해야 합니다. 외부 파일을 전역적으로 도입하는 방법은 무엇입니까? </p> <p><span style="color: #ff0000"><strong>외부 CSS 스타일 파일 소개</strong></span></p> <p>1. app.vue</p> <p style="text-align: center"><img alt="" src="//img.jbzj.com/file_images/article/201901/2019010611113531.png"></p> <p>@import를 사용하여 외부 CSS를 도입할 수 있으며, 해당 경로는 전역적입니다. 또한 해당 단일 vue 구성 요소가 도입되면 가져오기는 <style>에 코드를 도입하지 않지만 스타일 리소스를 얻기 위해 새로운 요청을 시작하며 범위가 지정되지 않습니다. @import "../static/font/iconfont.css"; 로그인 후 복사참고: 스타일이 있는 경우 #app 위로 가져와야 합니다. 그렇지 않으면 소개가 성공하지 못합니다! 2. 외부 스타일을 도입하려면 @import를 로 변경하세요</p> <p style="text-align: center"><img alt="" src="//img.jbzj.com/file_images/article/201901/2019010611113632.png"></p> <p>권장 학습: "<a href="https://www.php.cn/vuejs/" target="_blank">vue tutorial</a>"<br></p>