1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>Vue Practice</title> <script src="js/vue.js"></script> </head> <body> <div id="app"> <h1>{{ title }}</h1> </div> <script> new Vue({ el:'#app', data: { title: 'Hello World!' } }); </script> </body> </html> | cs |
{{ }} 이 기호를 인터폴레이션이라고 한다.
new Vue 를 통해 인스턴스를 만든다.
el
인스턴스와 연계할 수 있는(?) 엘리먼트를 지정한다. element의 약자인것 같다.
data
json 형식으로 데이터를 넣는다. el에 지정된 엘리먼트 안에서 {{ }} 형식으로 데이터를 보여줄 수 있다.
data의 title의 값을 h1 태그 안에서
{{ title }} 로 출력하고 있다.'개발 > Vue' 카테고리의 다른 글
| Module not found: Error: Can't resolve 'vue-style-loader' (0) | 2017.08.14 |
|---|---|
| vue-cli , webpack (0) | 2017.08.14 |
| 01 _ Vue 설치 (0) | 2017.07.27 |
