组合式API_生命周期

选项式API_生命周期

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

组合式API_生命周期

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


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


</script>
相关推荐
Mintopia几秒前
计算机图形学漫游:从像素到游戏引擎的奇幻之旅
前端·javascript·计算机图形学
钢铁男儿2 分钟前
C#接口实现详解:从理论到实践,掌握面向对象编程的核心技巧
java·前端·c#
前端的日常22 分钟前
以下代码,那一部分运行快
前端
GeGarron23 分钟前
Drawing:专注高效画图,让每一次创作都值得被珍藏
前端
梨子同志24 分钟前
Vue v-model 指令详解
前端·vue.js
杨进军24 分钟前
简易实现 React 页面初次渲染
前端·react.js·前端框架
血舞之境26 分钟前
同名类引发问题:没见过世面导致遇见各种诡异的问题
前端
杨进军26 分钟前
实现 React 多个原生标签子节点渲染
前端·react.js·前端框架
前端的日常27 分钟前
AI 工具中,经常提到的 mcp 是什么,有哪些与前端方向结合的场景?
前端
嘉小华27 分钟前
Android 协程全景式深度解析:第四章 Flow响应式流
android·前端