vue父子组件传值

最新推荐文章于 2024-04-09 09:13:51 发布

土豆切成丝

最新推荐文章于 2024-04-09 09:13:51 发布

阅读量501

点赞数 3

分类专栏： JavaScript vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/A20201130/article/details/124761906

版权

一、父组件向子组件传值

1.在子组件的调用标签上使用自定义属性进行传值

2.子组件通过props属性进行接收，子组件把接受来的数据当成data里数据来使用

3.props只能是父组件向子组件进行传值，props使得父子组件之间形成了一个单向下行绑定。子组件的数据会随着父组件

4.props可以显示定义一个或一个以上的数据，对于接收的数据可以是各种数据类型，同样也可以传递一个函数

<body>
        <!-- 
            父-》子
            1.在子组件的调用标签上使用自定义属性进行传值
            2.子组件通过props属性进行接受
            3.子组件把接受来的数据当成data使用
         -->
        <div id="app">
            父组件
            <h1>--------</h1>
            <!-- 动态传值 -->
            <son :arr="list" :flag="flag" :obj="obj"></son>
        </div>
        <template id="son">
            <div v-if="flag">
                我是子组件-----
                接收到父组件的值为
                {
  { obj.name }} {
  { obj.age }}
                <ul>
                    <li v-for="item i

最低0.47元/天解锁文章

土豆切成丝

关注

3
点赞
踩
1

收藏

觉得还不错? 一键收藏
3
评论
vue父子组件传值

一、父组件向子组件传值1.在子组件的调用标签上使用自定义属性进行传值2.子组件通过props属性进行接收，子组件把接受来的数据当成data里数据来使用3.props只能是父组件向子组件进行传值，props使得父子组件之间形成了一个单向下行绑定。子组件的数据会随着父组件4.props可以显示定义一个或一个以上的数据，对于接收的数据可以是各种数据类型，同样也可以传递一个函数<body> <!-- 父-》子
复制链接

扫一扫