【VUE3.0體驗】props和

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後面的方法名必須和父元件中的一緻。