vue props传入function笔记

props传入function时,函数中this自动绑定Vue实例;
在H5的Vue中项目中,console将输出 “this is parent.”;
但在uni-app小程序中使用Vue时,console将输出“this is child”;
我的解决方案:
将父组件msg作为参数传给子组件,子组件props接收msg,然后在父组件的parantFunc中,无论this 指向父组件还是子组件,this.msg总能取得正确的值;
为什么不使用v-on监听子组件事件并用$emit触发事件?
Vue中不推荐向子组件传递Function的方式,因为Vue有更好的事件父子组件通信机制;

————————————————
版权声明:本文为CSDN博主「__Simon」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_30150251/article/details/112173582 侵删!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Vue中,props是用来在父组件向子组件传递数据的选项。通过使用props选项,父组件可以将数据传递给子组件,并在子组件中使用这些数据进行渲染。在子组件中,首先需要使用props选项声明需要从父组件接收的数据。通过在子组件的props选项中指定属性名称,父组件就可以将数据通过这些属性传递给子组件。 例如,在子组件的模板中,可以通过双花括号语法({{ }})来引用父组件传递的数据。同时,在子组件的props选项中声明需要接收的属性,以便在子组件中访问这些属性。如下所示: ```html <template> <div> <p>我是子组件,接收来自父组件的信息:{{message}}</p> </div> </template> <script> export default { name: "child", props: ['message'] } </script> <style scoped> </style> ``` 在这个例子中,父组件可以通过在子组件的标签中添加属性`message`并赋值来向子组件传递数据。子组件通过声明`props: ['message']`来接收父组件传递的`message`属性,并在模板中使用`{{message}}`来显示接收到的数据。 通过props选项,Vue实现了父子组件之间的数据传递,使得组件间的通信更加灵活和方便。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [Vue 组件之使用props传递数据](https://blog.csdn.net/qingyulove/article/details/81613319)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值