vue親子コンポーネントパラメータ

親コンポーネントが子コンポーネントに渡される
親要素parent.vue:

import Child from "./child";
export default {
    name: "parent",
    components: { Child },
    data() {
        return {
            parentToChild: "          "
        };
    }
};

サブエレメントvue:

export default {
    name: "Child",
    //props: ["parentToChild"]
    props: {
        parentToChild: String
    }
};

親子パラメータはpropsによって伝達され、propsで親から導入されたデータはサブ要素コンポーネントでは変更できないことを覚えておいてください.
親コンポーネントが子コンポーネントのメソッドを呼び出す場合、どうすればいいですか?
このときrefを使います.サブコンポーネントにrefを追加してrefノードを取得することで、サブコンポーネントのメソッドを呼び出すことができます.
parent.vue:

import Child from "./child";
export default {
    name: "parent",
    components: { Child },
    methods: {
        click() {
            this.$refs.child.click(); //  ：       
        }
    }
};

childでvue:

export default {
    name: "Child",
    methods: {
        click() {
            console.log("       ");
        }
    }
};

子コンポーネントを親コンポーネントに渡す
親コンポーネントparent.vue:

import Child from "./child";
export default {
    name: "parent",
    components: { Child },
    methods: {
        parentMethod(val) {
            console.log("     ");
            console.log(val); //  ，  
        }
    }
};

親コンポーネントでtoParentイベントをカスタマイズする
サブアセンブリvue:

export default {
    name: "Child",
    methods: {
        click() {
            this.$emit("toParent", "  ，  ");
        }
    }
};

サブアセンブリでthis.$Emitは、親コンポーネント内のカスタムイベントtoParentをトリガーし、親コンポーネントからサブコンポーネントから送信されたパラメータを受信できるパラメータを渡す.