뷰 VUE 🤔 > IT관련정보

뷰 VUE

import { createApp } from 'vue'

createApp({
  data() {
    return {
      count: 0
    }
  }
}).mount('#app')

<div id="app">
  <button @click="count++">
    Count is: {{ count }}
  </button>
</div>

대충 이런 식입니다.

이건 무엇을 나타낼까요?

버튼을 클릭하면 계속 숫자가 올라가는 예시입니다.

0부터 숫자는 클릭할 때 마다  1이 계속 더해집니다.

이런 것은 어디에 필요할까요?

지금은 버튼으로 표시가 되었지만,

아무튼 복잡한 계산이나 if 문 for 문이나 이런 것으로 

계산을 해야 하는 것을 간편하게 코드 수를 줄일 수있겠네요.

모듈화 하여 지정하고, 

해당 모듈을 불러와서 쓰이는 구조로 되는 것이라 할 수 있습니다.

물론 이렇게만 하면 안되고, (똑같이 했는데 왜 안돼~~ 이러실 필요가 없어요.. 기본적으로 세팅을 별도로 해야 하는게 있습니다. 😆 

JS, CSS , SSR 을 적용해야 합니다. vue 파일도 생성해야 되고, 

🙂

🤭