Vue.js起步实践--不用webpack或vue全家桶情况下开始动手写一个小组件

-本来在四月份就准备来学习vue.js这个框架（听过不少同学对vue.js赞不绝口以及vue.js现在越来越火都让我很感兴趣）。然后由于最近在忙项目跟着一个创业的师兄做网站，实在抽不出时间学。
-就这样我还是零零散散地花了些时间看了看vue.js的官网
[–这里推荐大家还是到官网上进行vue.js的上手，毕竟官网的教程有利于打好基础，也比较纯粹；但是具体实践就看个人习惯了。]
-但是之前都只是看教程，也没有什么真正的实践，同时还看了网上一些关于使用vue+vuex+vue-router+vue-cli脚手架进行项目构建的例子，还真觉得有点懵逼。
-这里提一下个人看法：学东西还是一步步来，循环渐进，所以我现在没有打算直接去熟悉webpack等构建工具去构建项目，也还没有能那么快去熟悉。
-我还是用script标签直接引入的方法去进行一次小尝试，途中遇到了一些小错误，因此这里想写一篇博客记一下…[第一次写，正好以后养成习惯吧]
-唠叨这么久，进入主题…

今天写代码的时候参照了一篇文章，觉得写得很详细，先贴出来
使用Vue.js和Axios从第三方API获取数据 — SitePoint

–博主是最近在做一个作业，我选的是一个仿网易云的音乐播放器，趁此机会想学习Hybrid的开发；再者加上最近一直想学vue.js，所以就前端框架中加上了vue.js（这里我引入的是vue.min.js，对开发者比较友好）

–1.引入文件：（主要还是看自己的文件结构，相信如何引入不用博主再说明了吧）

  <script src="../js/vue.min.js"></script>
  <script src="../js/custom/songlist.js"></script>

–这里我其实还有一个js文件–vue-components.js，用来写全局注册组件的代码。
–好！接着开始写自己的代码。

–2.在vue-components.js文件中，写注册全局组件的js代码，关于全局组件，可查看官网或自行百度~

Vue.component('songlist-col2', {
  template: ‘<div>I am built by