Vue.js - CDN & Codepen
01.설치하기
<script src="https://unpkg.com/vue@next"></script>
- 간단히 연습 프로젝트 혹은 문법 확인용이라면
CDN
방식으로도Vue
를 사용할 수 있습니다.$ npm install vue@next
Vue
를 사용하여 대규모 애플리케이션을 구축할 때NPM
를 이용한 설치를 권장하고 있습니다.
02.CDN 활용하기
codepen
에서 간단하게CDN
을 활용하여Vue.js
를 작성해 봅시다.
- 이처럼
html
문서{{ message }}
부분에 화면상으로Hello Vue!
가 출력된 것을 확인할 수 있습니다.
JS
패널에서 톱니바퀴 모양의 설정 버튼을 클릭하면CDN
항목을 작성하는 곳에 해당CDN
을 작성해주면codepen
의HTML
영역에 더이상<script>
태그로CDN
을 작성하지 않아도 됩니다.
Author And Source
이 문제에 관하여(Vue.js - CDN & Codepen), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@wlsdnjs156/Vue.js-CDN-Codepen저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)