【VUE3.0體驗】props和emit在setup中的用法

1、props是指父組件通過屬性的形式將值傳給子組件

<user-save
        :userid="data.ActiveUserId"
        v-if="data.dialogVisible"
        @closeDialog="closeDialog"
    />

　比如這個，他的userid就是一個父組件與子組件相通的接口，在子組件中,使用這種方法取值

props: ["userid"],
   setup(props, context) {
        console.log(props.userid);....

2、emit是子組件方法調用父組件方法，先上父組件代碼

<user-save
        :userid="data.ActiveUserId"
        v-if="data.dialogVisible"
        @closeDialog="closeDialog"  //closeDialog在父組件中有一個方法
    />

　　

子組件代碼

 setup(props, context) {
const closeDialog = () => {
      context.emit("closeDialog");
};

　子組件中也有一個叫closeDialog的方法，這個名字可以隨便改，但是里面的context.emit后面的方法名必須和父組件中的一致。

context 是在setup的第二個參數。

調用方法是選執行子組件里的，然后到了emit后調用父組件的。