Vue.js를 사용하는 가장 쉬운 방법은 Hello World 예제를 사용하는 것입니다. 그런 다음 다음과 같은 방법으로 Vue를 소개합니다.
시작하다
프로토 타이핑 또는 학습을 위해 다음과 같은 최신 버전을 사용할 수 있습니다.
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
프로덕션 환경의 경우 새 버전으로 인한 예기치 않은 손상을 방지하기 위해 명확한 버전 번호 및 빌드 파일에 연결하는 것이 좋습니다.
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
네이티브 ES 모듈을 사용하는 경우 ES 모듈과 호환되는 빌드 파일도 있습니다.
<script type="module">
import Vue from 'https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.esm.browser.js'
</script>
선언적 렌더링
.html
<div id="app">
{
{ message }}
</div>
.js
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})