学习 vue-loader ，才能理解官方的vue js文档

参考：  https://github.com/vuejs/vue-loader

我们在查看vue-js的文档的时候，会发现它跟我们真正使用的项目的代码完全不一样。 例如，vuejs的官方文档的讲解，都是这样：

（完全是把所有代码都写在了js中）

var Child = {
  template: '
A custom component!
'
}
new Vue({
  // ...
  components: {
    //  将只在父模板可用
    'my-component': Child
  }
})

而我们的实际代码是这样：

<template>
....
</template>
<script>
.....
</script>

原因就在于我们在实际项目中使用了 vue-loader, 它可以非常好的帮我们自动加载所有的内容，按照某种约定。