关于VUE的学习记录——组件传值

最新推荐文章于 2022-08-28 20:20:35 发布

学习前端ing

最新推荐文章于 2022-08-28 20:20:35 发布

阅读量111

点赞数

分类专栏： vue学习文章标签： vue vue.js 前端

本文链接：https://blog.csdn.net/m0_46360310/article/details/106578686

版权

本文详细记录了在Vue中如何通过插槽和props进行组件间的数据传递。介绍了如何从子组件向根组件传递数据，以及如何在父组件与子组件之间使用props进行值的传递，帮助理解Vue的组件通信机制。

摘要由CSDN通过智能技术生成

插槽传值

子组件传给根组件

根组件

<template>
  <div id="app">
	  <h2>根组件</h2>
    <child>
		<!-- 接收 -->
		<template v-slot:childslot='value'>
			<h2>内容</h2>
			<h3>{
   {
   value.msg}}</h3>
		</template>
	</child>
  </div>
</template

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

学习前端ing

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
关于VUE的学习记录——组件传值

插槽传值子组件传给根组件根组件<template> <div id="app"> <h2>根组件</h2> <child>  <template v-slot:childslot='value'> <h2>内容</h2> <h3>{{value.msg}}</h3> </template> &l
复制链接

扫一扫