반응형
해당 문서는 Vue 공식 홈페이지의 내용을 대부분 참고하고 있고
공식 홈페이지 내용이 더욱 좋은 교재임을 알립니다.
■ 주의점
Vue는 ECMA 5의 기능을 사용하기 떄문에 IE 8 이하 버전에서는 호환되지 않는다.
하지만 모든 ECMA5 호환 브라우저를 지원함
■ 사용툴
● 텍스트에디터: 기본적으로 어떤 텍스트에디터를 사용해도 무관하다.
EX) VS code, notepad++, sublimeTxet 등 ....
● 디버깅간 편의성을 위하여 Vue DevTool 설치를 권장한다.
브라우저 디버깅 모드(F12)에서 Vue 모드가 작동한다.
■ 설치
2가지 설치 방법을 지원한다
1. JS 파일 다운로드 후 사용자가 직접 Import
● 다운로드
개발용버전(링크) : 모든 에러메세지 및 디버그 모드 지원
운영용버전(링크) : 에러메세지 최소화, 용량 경량화
● 소스에서 사용
<script src="/경로/vue.js"></script>
2. URL을 통한 최신 JS파일 Import
●
<script src="https://unpkg.com/vue/dist/vue.js"></script>
■ 빌드
초반 테스트에는 별다른 빌드 기능는 필요 없다
아래 예제 코드를 html 형식으로 만들고 실행해 봇것
<html>
<head>
</head>
<body>
<div id="app">
{{ message }}
</div>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script>
new Vue({
el: '#app',
data : {
message : 'Hello Vue.js!'
}
})
</script>
</body>
</html>
반응형
'프로그래밍 > Vue' 카테고리의 다른 글
02.Vue의 선언적 렌더링 (0) | 2019.02.27 |
---|
댓글