vue父组件向子组件传值的方法,一看就懂!

您所在的位置:网站首页 vue子组件使用父组件方法 vue父组件向子组件传值的方法,一看就懂!

vue父组件向子组件传值的方法,一看就懂!

2022-05-04 17:29| 来源: 网络整理| 查看: 265

    父组件向子组件传值的方法很简单,就一句话。vue父组件向子组件传值的方法:必须使用props属性来定义父组件传递过来的数据,然后把父组件里的数据传递到子组件中就行了。

vue父组件向子组件传值的方法

1.请看下面这个例子,你就懂了

         vue父组件向子组件传值方法          var vm = new Vue({         el: '#app',         data: {             msg: '我是父组件里的消息'         },         components: {             son: {                 template: '我是子组件 --- {{finfo}}',                 props: ['finfo']             }         }     });

2.结果如下:

2.png

爆款服务器 除注明外的文章,均为来源:老汤博客,转载请保留本文地址! 原文地址:https://tangjiusheng.com/vue/170.html


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3