vue组件父子组件,子子组件传值

第一种:父组件传值给子组件

父组件:



子组件:



export default {
    name:'child',
    data(){
        return{}
    },
    props:['value']//这个需和父组件中的一致
}

第二种:子组件传值给父组件

父组件:



子组件:



export default {
    name:'parent',
    data(){
        return{
            content:''
        }
    },
    methods:{
        getinfo(){
            this.$emit('value',this.content);//此处的'value',需和父组件的一致
        }
    }
}

第三种:子子组件传值

子子组件不能直接传值,需借助父组件,代码就不贴了讲一下思路

子组件先将值传递到父组件内,父组件再将值传送至另一个子组件内

你可能感兴趣的:(vue)