Prop父子组件传值

最新推荐文章于 2025-06-17 10:37:35 发布

zhangli0421

最新推荐文章于 2025-06-17 10:37:35 发布

阅读量441

点赞数

CC 4.0 BY-SA版权

文章标签： react.js vue.js javascript

本文链接：https://blog.csdn.net/zhangli0421/article/details/120725360

prop 是子组件用来接受父组件传递过来的数据的一个自定义属性。父组件的数据需要通过 props 把数据传给子组件，子组件需要显式地用 props 选项声明 "prop"：

<body>
    <div id="app">
        <haha name="老大" message="hello!"></haha>
        
    </div>
</body>
<script>
   Vue.component('haha',{
        props: ['message','name'],
         template:'<div>{{message}}123{{name}}</div>'
   })
    var vm = new Vue({
        el:"#app",
      
    })
</script>

body>
    <div id="app">
        <haha message="hello!"></haha>
        
    </div>
</body>
<script>
   Vue.component('haha',{
        props: ['message'],
       template:'<div>123{{message}}</div>'
   })
    var vm = new Vue({
        el:"#app",
    
    })
</script>