上一节我们用vue2写了关于父子间基础的传值,接下来我们通过vue3的方式进行传值
在<script setup><scrtipt>setup语法糖里面使用
我们直接用defineProps定义属性以及defineEmits抛出值
<template>
<div>
<h1>这是子组件,父组件传递过来的值是:{
{msgg}}</h1>
<button @click="toValue">点我像父组件传值</button>
</div>
</template>
<script setup>
import { ref } from 'vue'
defineProps({
msgg:String
})
let toFaCompont=ref("这句话传递给父组件吧")
let fnn=defineEmits(['sonClick'])
function toValue(){
fnn('sonClick',toFaCompont.value)
}
</script>
<template>
<div>
<h1>我是父组件,子组件传递过来的值是:{
{accpevalue}}</h1>
<SonComp :msgg='msg' @sonClick='Accpevalue'/>
</div>
</template>
<script setup>
import { ref } from 'vue'
import SonComp from './Hightpom.vue'
let