vue.js 파일을 HTML에 도입하는 방법: 먼저 Vue.js 공식 웹사이트에서 직접 vue.js 파일을 다운로드한 다음 "< ;/ script>" 메서드를 사용하여 로컬 vue.js 파일을 소개합니다. </p></blockquote> <p><img src="https://img.php.cn/upload/article/202102/05/2021020509433452056.jpg" alt="vue.js 파일을 HTML에 도입하는 방법" ></p> <p>이 문서의 운영 환경: Windows7 시스템, HTML5&&Vue2.2.2, Dell G3 컴퓨터. </p> <p><strong>vue.js 파일을 html로 어떻게 도입하나요? </strong></p> <p>Vue.js는 인기 있는 JavaScript 프런트 엔드 프레임워크로, 사용자 인터페이스 생성을 위한 오픈 소스 JavaScript 프레임워크로, 웹 개발을 더 잘 구성하고 단순화하도록 설계되었습니다. </p> <p>Vue의 핵심 초점은 MVC 패턴의 뷰 레이어입니다. 동시에 데이터 업데이트를 쉽게 얻고 구성 요소 내의 특정 메서드를 통해 뷰와 모델 간의 상호 작용을 실현할 수도 있습니다. </p> <p><strong>그렇다면 vue.js 파일을 html에 어떻게 도입할까요? </strong></p> <p>방법 1. Vue.js 공식 홈페이지에서 vue.js 파일을 직접 다운로드하고 <script> 태그를 사용하여 가져올 수 있습니다. </p> <p>다운로드 주소: https://vuejs.org/js/vue.min.js</p> <p>그런 다음 <script> 태그를 사용하여 로컬 vue.js 파일을 소개하세요</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><script src="vue/vue.min.js">로그인 후 복사참고: vue/vue.min.js is vue .js 파일의 상대 주소방법 2: CDN 방법을 사용하고 태그를 사용하여 네트워크에 vue.js 파일을 도입합니다. </p><p>다음은 외국에서 추천하는 비교적 안정적인 CDN 2개입니다. 현재 중국에서는 어느 것이 더 좋은지 찾지 못했습니다. </p><ul style="list-style-type: disc;"><li><p>Staticfile CDN(국내): https://cdn.staticfile.org/vue/2.2.2/vue.min.js</p></li></ul><ul style="list-style-type: disc;"><li><p>unpkg: https://unpkg.com/vue/dist /vue.js는 npm이 출시한 최신 버전과 일관성을 유지합니다. </p></li></ul><ul style="list-style-type: disc;"><li><p>cdnjs: https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js</p></li></ul><p>권장: "<a href="//m.sbmmt.com/vuejs/" target="_blank">vue tutorial</a>"</p><p>Staticfile CDN( 국내) </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"> {{ message }} new Vue({ el: '#app', data: { message: 'Hello Vue.js!' } })
Vue.js 기본 튜토리얼(공식 매뉴얼)289475
Vue.js 개발 기본 튜토리얼66907
vue.js 영어 버전38182최신 다운로드더>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
