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

来源:互联网 发布:adobe软件有哪些 编辑:程序博客网 时间:2024/06/11 01:41
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 = falsevar vm = new Vue({  el: '#app',  router,  template: '<App/>',  components: { App }})
原创粉丝点击