组合式API_生命周期

选项式API_生命周期

<template>
  <h3>选项式API</h3>
  <p>{{ message }}</p>
</template>
<script>
export default {
  data(){
    return{
      message:""
     }
   },
  mounted(){
    this.message = "选项式API生命周期函数"
   }
}  
</script>

组合式API_生命周期

<template>
  <h3>组合式API</h3>
  <p>{{ message }}</p>
</template>
<script setup>
import { ref,onMounted } from "vue"


const message = ref("")
onMounted(() =>{
  message.value = "选项式API生命周期函数"
})


</script>