📚 [VueJS] 기초편
Category: VueJS | 📅 July 23, 2021
가장 기본적으로 알아야 할 얘기.
VueJS는 아래와 같이 쓰임.
<div id = "#aaa">
<p> {{ bbb }}</p>
<p> {{ ccc() }} </p>
</div>
위와 같은 html 문서가 있다고 가정하면
#aaa 는 element, 즉 el 이름이 #aaa
가 된다.
{{ bbb }} 는 ()
가 없으므로, data
구조를 불러온다.
{{ ccc() }} 는 ()
가 있으므로, method
구조를 불러온다.
data 예제1
<head>
<div id=header>
<title>{{ title }}</title>
</div>
</head>
이 내용은 구조에 대한 이해를 돕는 용도이므로 실제 적용되어 사용은 안될 수도 있음 ㅋㅋ
new Vue({
el : header,
data: {
title: "digndig"
},
... 중략 ...
})
💭 Reviews
처언처언히. 언젠가 소스도 읽을 수 있겠지..ㅋ