vue3provide

父组件

 

引入provide

　　improt { provide } from 'vue'

        let name =ref("李四");

        const changName = () => {

            name.value = "王五";

        };

        provide("name", name);

        provide("changName", changName);

 

子组件

引入 inject

 

import { inject } from 'vue'　

 

 

<div>

    {{ name }}

    <button @click="changName">changName</button>

</div>

 

setup() {

        let name = inject("name");

        let changName = inject("changName");

        return {

            name,

            changName,

        };

    },