博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue,一路走来(12)--父与子之间传参
阅读量:5030 次
发布时间:2019-06-12

本文共 779 字,大约阅读时间需要 2 分钟。

今天想起一直没有记录父组件与子组件的传参问题,这在项目中一直用到。

父向子组件传参

Index.vue父组件中

import componentA from './components/componentA'
export default{name:'Index',data(){return{positionnow:''}}}

  

componentA.vue子组件中

{

{msgfromfa}}

export default{props:['msgfromfa']}

子向父组件传参

Index.vue父组件中

Do you like me? {

{childWords}}

import componentA from './components/componentA'export default {new Vue({data: function () {return {childWords: ""}},components: {componentA},methods: {listenToMyBoy: function (msg){this.childWords = msg}}})}

componentA.vue子组件中

import componentA from './components/componentA'export default {data: function () {return {msg: 'I like you!'}},methods: {onClickMe: function(){this.$emit('child-say',this.msg);}}}

  

转载于:https://www.cnblogs.com/juewuzhe/p/7101962.html

你可能感兴趣的文章
关于 UIWebView 几个高级用法
查看>>
maven创建的项目中无法创建src/main/java 解决方案
查看>>
华为软件开发云测评报告二:代码检查
查看>>
集合1
查看>>
关键词 virtual
查看>>
建造者模式(屌丝专用)
查看>>
UVALive 4730 Kingdom +段树和支票托收
查看>>
[APIO2010]特别行动队
查看>>
SpringBoot 集成ehcache
查看>>
初步swift语言学习笔记2(可选类型?和隐式可选类型!)
查看>>
Nginx + Tomcat 反向代理 如何在高效的在一台服务器部署多个站点
查看>>
在Vs2012 中使用SQL Server 2012 Express LocalDB打开Sqlserver2012数据库
查看>>
CodeBlocks X64 SVN 编译版
查看>>
Excel催化剂开源第42波-与金融大数据TuShare对接实现零门槛零代码获取数据
查看>>
bug记录_signalr执行$.connnection.testhub结果为空
查看>>
【转】常用的latex宏包
查看>>
[TMS320C674x] 一、GPIO认识
查看>>
酷狗的皮肤文件存放在哪
查看>>
C++的引用
查看>>
T-SQL查询进阶--深入浅出视图
查看>>