-
HELLO VUE .JS 이해하기VUE.JS 2020. 4. 18. 22:53
아래 코드 설명
1. CDN URL을 이용하여 vue framework를 사용할 수 있게 선언
2. 모든 Vue 앱은 Vue 객체를 선언해야함.
-> Vue 객체의 el은 자바스크립트 doucment.getElementById('app'); 과 같음
->data 안에 여러가지 key value 형식의 데이터를 선언하고, 해당 데이터들은 {{ }} 형식으로 화면을 그리는데 사용할 수 있다. (반응형)
123456789101112131415161718192021222324<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Getting Started</title></head><body><div id="app">{{ message }}</div><script>new Vue({el: '#app',data: {message: 'Hello Vue.js'}})</script></body></html>http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter'VUE.JS' 카테고리의 다른 글
emit 개념 관련 정리 (0) 2020.04.30 Props 관련 예제 및 실습 (0) 2020.04.26 지역컴포넌트 - 전역컴포넌트 관련 정리 (0) 2020.04.19 Vue의 장점 - ReActivity (0) 2020.04.16 VUE의 특징 (계속 업데이트) (0) 2020.04.12