Javascript

【VUE3.0体验】props和

本文主要是介绍【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后面的方法名必须和父组件中的一致。

context 是在setup的第二个参数。

调用方法是选执行子组件里的,然后到了emit后调用父组件的。

 

这篇关于【VUE3.0体验】props和的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!