티스토리 뷰

VUEJS

VUEJS개요

Programmers 2021. 6. 21. 22:34
반응형

개발환경

node.js ▷ 좌측의 짝수 버전을 이용하는 것을 추천 (LTS버전)

https://nodejs.org/ko/

 

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

 

nvm-windows ▷ 버전관리가 가능

Vue.js 설치 ▷ 개발자버전 설치(간단한 설치로 Vue.js 사용가능)
https://kr.vuejs.org/v2/guide/index.html

 

시작하기 — Vue.js

Vue.js - 프로그레시브 자바스크립트 프레임워크

kr.vuejs.org

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vue test</title>
    <script src="vue.js"></script>
</head>
<body>
    <div id="app">
        {{ msg }}
    </div>
    <script>
        new Vue({
            el: '#app',
            data: {
                msg: 'Hello Vue!'
            }
        })
        
    </script>
    
</body>
</html>

 

CDN ▷ 파일 없이 src코드로 vue를 사용가능

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vue test</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
    <div id="app">
        {{ msg }}
    </div>
    <script>
        new Vue({
            el: '#app',
            data: {
                msg: 'Hello Vue!!'
            }
        })
        
    </script>
    
</body>
</html>

 

반응형
저작자표시 비영리 변경금지

'VUEJS' 카테고리의 다른 글

VUEJS) DevExtreme DxScrollView 스크롤 안먹힘 오류 해결  (0) 2021.07.09
VUEJS) props 사용법  (0) 2021.07.06
VUEJS) 조건문과 반복문  (0) 2021.07.02
VUEJS) https://codepen.io/  (0) 2021.07.02
VUEJS) moment()  (0) 2021.06.22
댓글
공지사항