在vue中,我们经常要做的操作就是将父组件的值传给子组件,例如:
我有一个dialog,dialog里面显示的是表格内全部信息,信息大量,如果每次点开dialog都要去请求的话就很可怕。所以我们思考在父组件中先获取了all info,然后通过父子组件传递值。
第一步:先在父组件中注册子组件。
![](https://img.haomeiwen.com/i16503929/e06d14778f894412.png)
第二步:子组件中定义props。
![](https://img.haomeiwen.com/i16503929/d9ba7366e766acef.png)
第三步:也是我经常忘记的一步,就是要在父组件用到子组件的地方进行v-bind操作。
![](https://img.haomeiwen.com/i16503929/44e9be6dddd4df60.png)
v-bind:可以简写为 :可以传多个值,即v-bind多写几个。
在vue中,我们经常要做的操作就是将父组件的值传给子组件,例如:
我有一个dialog,dialog里面显示的是表格内全部信息,信息大量,如果每次点开dialog都要去请求的话就很可怕。所以我们思考在父组件中先获取了all info,然后通过父子组件传递值。
第一步:先在父组件中注册子组件。
第二步:子组件中定义props。
第三步:也是我经常忘记的一步,就是要在父组件用到子组件的地方进行v-bind操作。
v-bind:可以简写为 :可以传多个值,即v-bind多写几个。
本文标题:vue父组件传值到子组件
本文链接:https://www.haomeiwen.com/subject/gvbefctx.html
网友评论