俗话说：一瓶酒，一包烟，一个参数传一天。
作为新手小白的我刚刚接触到了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
}
写到这里就完成啦 ，就是这么简单的几个步骤搞了一个多小时，唉，还是经验不足，以后多多学习吧！
我是前端新手小白，立志于为更多前端新手小白写一些通俗易懂的代码，希望大家多多关注！