开发者社区开发与运维文章正文

vue父子组件传值

2023-08-14 35

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： vue父子组件传值

1、父传子

传：

在"标签"上传属性

<Card :name="name"></Card>

接：

在props中

export default {
  props: {
    name: String
  },
  setup(props) {
    console.log(props.name);
  }
}

2、子传父

传:

触发,给一个事件传值

setup(props,{emit}) {
    emit("get","传递的数据");
  }

接:

绑定传的时候起的事件名,接收参数

<Card @get="on"></Card>

文章标签：

JavaScript

关键词：

vue VUE.js

vue父子组件VUE.js

vue传值VUE.js

父子组件传值VUE.js

vue父子组件传值VUE.js

一个大长腿.

景天科技苑

1天前

资源调度 JavaScript 前端开发

【vue】vue中的路由vue-router，vue-cli脚手架详细使用教程

景天科技苑

15 3 3

景天科技苑

1天前

JavaScript 前端开发

vue组件化开发流程梳理，拿来即用

景天科技苑

7 0 0

程序员-刘华强

1天前

JavaScript 前端开发 IDE

vue3组件注册

程序员-刘华强

7 0 0

程序员-刘华强

1天前

JavaScript Go

Vue路由跳转及路由传参

程序员-刘华强

7 0 0

爱笑的源码基地

2天前

JavaScript 前端开发 BI

采用前后端分离Vue,Ant-Design技术开发的（手麻系统成品源码）适用于三甲医院

开发环境技术架构：前后端分离开发语言：C#.net6.0 开发工具：vs2022,vscode 前端框架：Vue,Ant-Design 后端框架：百小僧开源框架数据库：sqlserver2019

爱笑的源码基地

17 4 4

采用前后端分离Vue,Ant-Design技术开发的（手麻系统成品源码）适用于三甲医院

还在路上的秃头

4天前

监控 JavaScript

Vue中的数据变化监控与响应——深入理解Watchers

还在路上的秃头

8 0 0

渐暖

6天前

JavaScript

【vue】如何跳转路由到指定页面位置

渐暖

8 0 0

渐暖

6天前

JSON JavaScript 前端开发

【vue】假数据的选择和使用

渐暖

11 1 1

渐暖

6天前

JavaScript 前端开发

【vue】iview如何把input输入框和点击输入框之后的边框去掉

渐暖

12 0 0

wscwdie

5天前

JavaScript 安全前端开发

Vue 项目中的权限管理：让页面也学会说“你无权访问！

wscwdie

14 3 3

vue父子组件传值

热门文章

最新文章

相关课程

相关电子书