绝望！新手小白在VUE组件之间进行传值上浪费了很多时间~

俗话说：一瓶酒，一包烟，一个参数传一天。

作为新手小白的我刚刚接触到了VUE组件化开发，用了一段时间后发现真的很便捷。

就在我了解并且初步掌握了它的原理而洋洋得意的时候，VUE组件中进行传值的问题给了我当头一棒。

这对于前端大佬来说是so easy,但是对于小白来说有点让我感到苦恼，废话不多说了，直接上代码。

 

 1、现在原页面return中定义变量：

        rowData: {},

2、在打开弹框中将值带到组件中

        //打开添加产品型号界面

        addProModel(row) {

            this.rowData = {...row}

        },

3、在页面上增加组件部分将值传入到组件中

        <AddProductModel v-if="isAddProductModel" :rowData="rowData" @dialogClose="dialogClose('isAddProductModel')" />

4、到弹框中取值

 const params = {

                parentId: this.rowData.id

            }

写到这里就完成啦 ，就是这么简单的几个步骤搞了一个多小时，唉，还是经验不足，以后多多学习吧！

我是前端新手小白，立志于为更多前端新手小白写一些通俗易懂的代码，希望大家多多关注！