📚 [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
  • 처언처언히. 언젠가 소스도 읽을 수 있겠지..ㅋ