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语法如何获取父组件传递的值
基础教程推荐
猜你喜欢
- jQuery加密密码到cookie的实现代码 2024-04-16
- php-来自mysql的html中的特殊字符输出 2023-10-27
- 纯vue3实现的svg可视化web组态编辑器。主要用于物联网mqtt实时系统图 2023-10-08
- JS中的async与await怎么使用 2023-08-08
- 实现css文字垂直居中的8种方法 2022-11-13
- 纯css实现的下拉导航栏附html结构及css样式 2023-12-23
- vue使用GraphVis开发无限拓展的关系图谱的实现 2024-01-06
- javascript动态加载二 2024-04-09
- CSS经典实用技巧18招 2022-10-16
- 浅析location.href跨窗口调用函数 2024-02-10