■ 첫번째 Vue 앱을 만드는 방법을 보여준다.
▶ index.css
|
1 2 3 4 5 6 |
html, body { margin: 5px; padding: 0; } |
▶ index.html
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<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> |
▶ index.js
|
1 2 3 4 5 6 7 8 |
var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }); |