vue配置

router.js

import Vue from "vue";
import VueRouter from "vue-router";
import Home from "../views/Home.vue";

Vue.use(VueRouter);

const routes = [
  {
    path: "/home",
    name: "Home",
    component: Home,
  },
  {
    path: "/",
    redirect:"home"
  },
  // 列表
  {
    path: "/list",
    name: "List",
    component: () =>
      import(/* webpackChunkName: "list" */ "../views/List.vue"),
  },
  //购物车
  {
    path: "/cart",
    name: "Cart",
    component: () =>
      import(/* webpackChunkName: "cart" */ "../views/Cart.vue"),
  },
  //个人中心
  {
    path: "/my",
    name: "My",
    component: () =>
      import(/* webpackChunkName: "my" */ "../views/My.vue"),
  },
  {
    path: "/about",
    name: "About",
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () =>
      import(/* webpackChunkName: "about" */ "../views/About.vue"),
  },
];

const router = new VueRouter({
  routes,
});

export default router;

main.js

import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import * as echarts from 'echarts'; // 引入echarts
Vue.prototype.$echarts = echarts //导出echarts

//公共样式
import '@/assets/css/common.css'
import '@/assets/font/iconfont.css'

import LyTab from "ly-tab"
Vue.use(LyTab)

Vue.config.productionTip = false;


new Vue({
  router,
  store,
  render: (h) => h(App),
}).$mount("#app");

vuex

import Vue from "vue";
import Vuex from "vuex";

Vue.use(Vuex);

export default new Vuex.Store({
  state: {},
  mutations: {},
  actions: {},
  modules: {},
});