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语法如何获取父组件传递的值
基础教程推荐
猜你喜欢
- ajax提交到java后台之后处理数据的实现 2023-02-01
- css固定table表头的实现代码可同时看到表头和表格底部 2024-01-17
- VUE项目引入微信JSSDK 实现微信自定义分享 2023-10-08
- AJAX 支持搜索引擎问题分析 2024-02-11
- 由document.body和document.documentElement想到的 2023-12-14
- window.location.hash 属性使用说明 2023-12-28
- css中行内元素和块级元素的区别 2023-12-19
- javascript控制Div层透明属性由浅变深由深变浅逐渐显示 2023-12-28
- CSS教程之div垂直居中的多种方法 2023-12-09
- 从富文本编辑器获取html内容组装json,特殊字符引起报错解决办法。 2023-10-27
