码迷,mamicode.com
首页 > 其他好文 > 详细

Vue 中 父子传值

时间:2020-05-06 17:55:40      阅读:52      评论:0      收藏:0      [点我收藏+]

标签:通过   传值   end   temp   attr   string   asc   template   div   

父组件

<template>
    <div>
        <Son :sendToSonAttribute = "fromFatherMsg"></Son>
    <div>
</template>

<script>
    export default{
        data(){
            return {
                fromFatherMsg:‘我是来自父亲的消息‘
            }
        }
    }
</script>    

子组件

<template>
    <div>
        {{sendToSonAttribute}}
    <div>
</template>

<script>
    export default{
        props:{
            sendToSonAttribute:{
                type:‘String‘
            }
        },
        data(){
            return {
               
            }
        }
    }
</script>   

  

 主要通过 props 来接受父组件的绑定的值.

Vue 中 父子传值

标签:通过   传值   end   temp   attr   string   asc   template   div   

原文地址:https://www.cnblogs.com/o2isadrug/p/12837755.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!