vue-cli2.x 项目模板文件说明（六）main.js篇

本文为vue/cli2.x下src目录中main.js篇 完整项目结构参见vue-cli 2.x项目模板文件说明（一）整体结构篇

关于main.js没什么好写的，主要是为了配合其他几部分
导入http、router、store、until.js 文件

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
import store from '@/store/store'
import api from '@/http/index' // 异步请求导入
import 'babel-polyfill' // 兼容不支持es6
import baseComponent from '@/components/index'  // 组件目录导入
import util from '@/util' // 公共函数导入

Vue.use(api)
Vue.use(baseComponent)
Vue.use(util)
const FastClick = require('fastclick')  //移动端快速点击
FastClick.attach = (document.body) //同上
Vue.config.productionTip = false

// main.js 中直接挂载全局函数方法
Vue.prototype.addNum= (a, b) => {
   return  a + ' : ' + b
}

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  store,
  components: { App },
  template: '<App/>'
})

*.vue文件中调用

<script>
export default {
 methods: {
   control () {
     return this.addNum(3, 5)
   }
 }
}
</script>