php/www/vue/src/main.js

// 使用`import`命令加载的Vue构建版本
// （仅运行时或独立）已在webpack.base.conf中设置别名。
import Vue from 'vue'
import App from './App'
import routes from './router'
import axios from 'axios'
import VueAxios from 'vue-axios'
import VueRouter from 'vue-router'
import store from './store/'
import VueAwesomeSwiper from 'vue-awesome-swiper'
import VueScroller from 'vue-scroller'
// 引入vue-baidu-map
import BaiduMap from 'vue-baidu-map'

// 初始化vue-amap
Vue.use(BaiduMap, {
  /* Visit http://lbsyun.baidu.com/apiconsole/key for details about app key. */
  ak: 'qNIOsBk4Z1Eu1v0whVsnNe9nsikpDeY4'
})

import  { AlertPlugin } from 'vux'
Vue.use(AlertPlugin)

// vux end
Vue.use(VueAxios, axios)
Vue.config.productionTip = false
Vue.use(VueRouter)
Vue.use(VueAwesomeSwiper)
Vue.use(VueScroller)
const router = new VueRouter({
  mode: 'history',
  routes
})

router.beforeEach((to, from, next) => {
  // console.log(to.fullPath)
  if (to.fullPath === '/order') {
    // console.log()
  }
  // console.log('小弟B：哎呀妈呀！大兄弟，这是要去哪呀？', to)
  // console.log('小弟A：大兄弟，哪儿旮沓的呀！', from)
  next(true) // 大哥：谁让你过去的？
  // 调用next(false)中止导航，于是页面回到跳转前
})

// 注册全局组件
Vue.component('home', require('./components/home.vue')) // 首页
Vue.component('homeList', require('./components/homeList.vue')) // 首页的商品列表
Vue.component('product', require('./components/product.vue')) // 商品详情
Vue.component('placeOrder', require('./components/placeOrder.vue')) // 立即下单
// 添加地址
Vue.component('addresList', require('./components/address/addresList.vue'))
Vue.component('addressAdd', require('./components/address/addressAdd.vue'))
Vue.component('addressDetail', require('./components/address/addressDetail.vue'))
Vue.component('addPoisiton', require('./components/address/addressPoisiton.vue'))

Vue.component('mine', require('./components/mine.vue')) // 个人中心
Vue.component('navigation', require('./components/navigation')) // SAP底部导航
Vue.component('swiper', require('./components/swiper')) // 轮播图
Vue.component('navTitle', require('./components/navTitle')) // SAP顶部标题
Vue.component('order', require('./components/order')) // 我的订单
Vue.component('myCoupon', require('./components/myCoupon')) // 我的代金券
Vue.component('recharge', require('./components/recharge')) // 充值
// 公司形象
Vue.component('brand', require('./components/CompanyProfile/brand')) // 公司品牌
Vue.component('housekeeper', require('./components/CompanyProfile/housekeeper')) // 公司管家
Vue.component('documents', require('./components/CompanyProfile/documents')) // 公司证件
Vue.component('indemnity', require('./components/CompanyProfile/indemnity')) // 公司赔款
Vue.component('tool', require('./components/CompanyProfile/tool')) // 公司工具

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