vue2.0父子组件之间传值
1、子组件调用父组件方法
//父组件 <children @click="handleClick" > </children> handleClick (txt) { console.log('我是父组件的方法') } //子组件 <div @click = "fn"> </div> fn() { this.$emit('handleClick','我是参数') //触发父组件的方法 }
2、父组件调用子组件方法
//父组件 <div @handleClick="add”></div> add (n) { console.log(n) } //子组件 <div @click="fn"></div> fn() { this.$emit('handleClick', 'cc') }
3、props 组件间传值
//父组件 <children data="45455"></children> //子组件 <div>{{data}}<div> props: { data: { type: [String,Number], default: '' } }
可以加我微信进群,有资料送,也可以讨论问题
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步