Vue中模块化管理

Vue对比我之前使用的angular，最大的改变是将一个组件组合成一个.vue文件，让目录结构简单了不少。

下面我将.vue文件称为组件，.js文件称为模块，记录一下模块化管理的一些小细节

模块化管理就像自定义函数一样，把一些东西单独拎出来，让根模块（入口文件main.js）简介一些

下面用三个例子说明模块引入的步骤

1.第三方依赖/官方依赖包的引入

import VueResource from 'vue-resource'
import VueResource from 'vue-resource'
Vue.use(VueResource);

2.自定义模块的引入

require('./mock.js');

这两者的区别在于Vue.use只能写组件（就是说不能写.js)而如果不写Vue.use，其实也可以，但是会告诉你已经引入但未使用

require的好处在于代替了import，还不会报错

一个比较特别的是自定义路由和根组件

import App from './App'
import router from './router'

new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

因为他们使用的方式不是vue.use