vue全局插件的一次载入和全局函数的定义

import Vue from 'vue'
import App from './App'
import router from './router'
import VueResource from 'vue-resource'
import axios from 'axios'
import Vuex from 'vuex'
import Element from 'element-ui'
import echarts from 'echarts'

import 'element-ui/lib/theme-default/index.css'

import '@/assets/css/app.css'
import '@/assets/css/topMenu.css'
import '@/assets/css/leftMenu.css'
import '@/assets/css/font-awesome-4.7.0/font-awesome-4.7.0/css/font-awesome.css'

/*vue全局引入外部插件的方法*/
Vue.prototype.$axios = axios;
Vue.prototype.$echarts = echarts;
/*在该工程下可以直接通过this.$axios使用axios插件功能;
类似this.$echarts等,其他js插件或自定义插件也可外部定义,无需每个页面引入echarts链接;
也可用相同的方法定义全局函数,如下*/

/*全局函数:将jsonArr对象数组中每个对象的propName字段值逐个添加到bePushArr数组中;
在组件中直接this._pushInArr(a,b,c)传参调用*/
Vue.prototype._pushInArr = function(bePushArr,jsonArr,propName){
    for(let i = 0;ilet tmp = JSON.stringify(jsonArr[i])+'.'+propName;
        let res = eval("("+tmp+")")
        bePushArr.push(res)
    }
}



Vue.use(VueResource);
Vue.use(Vuex);
Vue.use(Element);

Vue.config.productionTip = false

var vm = new Vue({
  el: '#app',
  router,
  template: '',
  components: { App }
})

你可能感兴趣的:(前端)