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'imp
·
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;i<jsonArr.length;i++){
let 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: '<App/>',
components: { App }
})
更多推荐
已为社区贡献2条内容
所有评论(0)