"Vue.js onMounted"의 두 판 사이의 차이

잔글 (Jmnote님이 OnMounted 문서를 Vue.js onMounted 문서로 이동했습니다)
27번째 줄: 27번째 줄:


==같이 보기==
==같이 보기==
* [[Vue.js onUmounted]]
* [[Vue.js onUnmounted]]
* [[Vue.js Composition API]]
* [[Vue.js Composition API]]


[[분류: Vue.js]]
[[분류: Vue.js]]

2023년 10월 24일 (화) 14:32 판

1 개요

Vue.js onMounted
<script setup>
import { ref, onMounted } from 'vue'

// reactive state
const count = ref(0)

// functions that mutate state and trigger updates
function increment() {
  count.value++
}

// lifecycle hooks
onMounted(() => {
  console.log(`The initial count is ${count.value}.`)
})
</script>

<template>
  <button @click="increment">Count is: {{ count }}</button>
</template>


2 같이 보기

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}