vue开发中,如何获取父组件传递的值?下面编程教程网小编给大家简单介绍一下具体实现代码!
具体代码如下:
<template>
<h2>子组件</h2>
<div @click="sonHander">
我是子组件中的数据
</div>
<h2>使用了props声明接收==>{{ mytitle }}</h2>
<h2>使用参数attrs获取==>{{ attrs.othertitle }}</h2>
</template>
<script>
import { defineComponent,setup } from "vue";
export default defineComponent({
name: "NoCont",
props:{
mytitle:{
type:Object
}
},
setup(props,{attrs,slots,emit}){
function sonHander(){
emit("sonclick","子组件传递给父组件")
}
return {sonHander,attrs}
}
});
</script>
以上是编程学习网小编为您介绍的“vue语法如何获取父组件传递的值”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
织梦狗教程
本文标题为:vue语法如何获取父组件传递的值


基础教程推荐
猜你喜欢
- css中子元素设置margin-top为什么影响了父元素 2023-12-11
- 利用Vue和Canvas实现一个简单的动画效果 2025-01-11
- 浅谈CSS中overflow清除浮动的用法 2024-01-25
- layui表格内可编辑下拉框的实现 2023-11-13
- 使用CSS 给表单必选项添加星号的实现方法 2024-01-24
- 关于html选择框创建占位符的问题 2022-09-20
- JS中map和parseInt的用法详解 2023-07-10
- CSS制作树状目录教程 2022-10-16
- 微信小程序如何实现导航栏配置 2024-12-13
- CSS清除浮动的方法详解 2024-01-25