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语法如何获取父组件传递的值


猜你喜欢
- vue中set方法 2023-10-08
- AJAX 支持搜索引擎问题分析 2024-03-01
- javascript+php实现根据用户时区显示当地时间的方法 2024-03-09
- 详解一级导航的制作 2024-01-04
- 绝对定位的元素在ie6下不显示隐藏了的有效解决方法 2023-12-14
- HTML+CSS+JS实现完美兼容各大浏览器的TABLE固定列 2023-12-14
- 利用Vue Material框架搭建项目 2025-01-12
- Vue设置全局变量,所有页面都可以调用和修改 2024-12-09
- 实现点击按钮后CSS加载效果的实现 2024-02-19
- AngularJS通过ng-route实现基本的路由功能实例详解 2024-03-01