写前端组件的记录

背景：由于控制台的前端，我们后端也要自己写的。最近一个模块涉及到主从表和需求的原因，于是乎，打算自己写组件去完成功能。

一，新建一个组件 

 1图是父组件调用子组件

2图是子组件接收

如果想要传值给自组件就可以用:xxx

如果是子组件想要执行父组件的方法，就可以用@xxx

如图，这是一个编辑新增的表单组件，但是这个窗口是一直存在，点击不同的记录，表单的数据也会相对应的改变。（如果要相对应的改变，就要加一个watch方法去监听，下面会讲）

等新增编辑完成，我肯定要关闭的，同时还要重新请求查询的接口。如果直接关闭，就要把表单也关闭。

二，监听watch方法

 

因为只有第一次进入子组件，值就已经传进去，后期再进入子组件，数据也不会相对应的改变。所哟要加一个watch方法，监听新旧的表单数据是否一致，如果不一致就给childFormData附上最新的值。

三，

这个是编辑新增成功之后，要通知父组件要把子组件关闭。就可以使用this.$emit('')，这样就可以调用父组件的方法了。这个之前富文本那节也讲到了。

最后附上自己遇到的一些前端小记

array.join(',') 可以把数组变成带逗号的字符串

array.split(',') 这个肯定知道的

当然子组件也可以改变父组件的，但是我暂时没用到