慕课网electron写音乐播放器教程，代码跟随教程变动（七）

这一节完善点击添加按钮，add.js发送消息给主进程，主进程缓存保留音乐信息并命令index.js页面进行渲染的整块逻辑

之前已经给导入音乐按钮添加了id为add-music，所以直接编辑ad.js

$('add-music').addEventListener('click',() => {
    ipcRenderer.send('add-track', musicFilesPath) //musicFilesPath是之前已经获取到的文件路径数据

})

　　之后在main.js中添加ipc监听事件

const DataStore = require('./MusicDataStore')//引入自定义的添加音乐封装模块
const myStore = new DataStore({'name':'MusicData'})

ipcMain.on('add-track',(event, tracks) => {
   const updataedTrack = myStore.addTracks(tracks).getTrack()//链式调用
   console.log(updataedTrack)
 })