vue组件传值

父组件传值给子组件

1 配置子组件

<template>
    <div>test world :{{taaa}}{{taata}}{{color}}
    </div>
</template>
<script>
export default {
        data() {
            return {
                taata: this.taaa,
            }
        },
        //声明子组件数据接口，该接口在父组件调用时 可直接赋值
        props:{
            taaa:{
            //组件默认值
                default:"sdfsdf",
                //组件限制类型
               type:String,
               //是否必填
               required:false, 
            }
        },
        methods:{
            showvalue:function(){
                return 
            }
                        }
    }
</script>

2 父组件调用

<template>
    <div class="app">
            <aad :taaa="tts1">fd</aad>        
    </div>    
</template>