COMMON Archives - icodebroker

[VUE.JS/COMMON] 첫번째 Vue 앱 만들기

■ 첫번째 Vue 앱을 만드는 방법을 보여준다. ▶ index.css


html, body {
    margin: 5px;
    padding: 0;
}

html, body {

margin: 5px;

padding: 0;

}

▶ index.html


<html>
    <head>
        <link rel="stylesheet" href="index.css">
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    </head>
    <body>
        <div id="app">
            {{ message }}
        </div>
        <script src="index.js"></script>
    </body>
</html>

<html>

<head>

</head>

<body>

</div>

</body>

</html>

▶ index.js


var app = new Vue({
    el: '#app',
    data: {
        message: 'Hello Vue!'
    }
});

var app = new Vue({

el: '#app',

data: {

message: 'Hello Vue!'

}

});

[VUE.JS/COMMON] Vue.js 개발 환경 설치하기

■ Vue.js 개발 환경을 설치하는 방법을 보여준다. 1. node.js 설치 1.1 웹 브라우저를 실행한다. 1.2 아래 URL을 입력하고 node.js 웹 사이트로 이동한다.