vue3自定义组件-组件传值

曹え 5811 发布于:2024-01-09 01:03:21

组件:HelloWord.vue

<script setup>
defineProps({
  msg: {
    type: String,
    required: true
  }
})
</script>

<template>
    <h1 class="green">{{ msg }}</h1>
</template>


使用:

<script setup>
import HelloWorld from './components/HelloWorld.vue'
</script>

<template>
  <header>
    <img alt="Vue logo" class="logo" src="@/assets/logo.svg" width="125" height="125" />
    <HelloWorld msg="显示绿色的h1文本" />
  </header>


觉得有用请点个赞吧!
1 373