玩Vue也有一段日子了，最近陷在组件坑里差点出不来，还好有SegmentFault高人指点，特将细节分享出来一起学习提高。起因：最早一直用的是头文件引入Vue，即，这样做的缺点是每次都需要创建新实例且并不符合项目工程化的需求。解决方案：使用node.js+npm安装Vue，再使用IDE(WebStorm)打开项目实现热加载。问题：然后在使用全局组件的时候碰到一个

需求：正在做的项目是一个SPA音乐播放器，用到了H5新加入的audio标签，同时像主流播放器一样显示当前播放歌曲的秒数和总时间；思路：查阅API文档得知需要用到audio.currentTime和audio.duration分别表示当前播放时间和音频总时间，但如何用数据驱动的思想来使用成了第一个问题。

因为之前一直在忙公司的项目，vue这块就生疏了不少，正好借这个小demo复习下vue的知识。