【VUE3.0体验】props和
2021/10/30 6:09:37
本文主要是介绍【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和的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist
- 2024-03-11icons for vue
- 2024-03-07breadcrumbs react js
- 2024-03-06react login page example
- 2024-03-06react router uselocation
- 2024-03-04postgres jsonb_set
- 2024-03-01react native uuid
- 2024-02-29vuejs sidebar