webpack4自己挖坑自己填

1、$mount，注意如下代码中用$mount("#app");

new Vue({
    el:"#app",
    store,//应用数据仓库
    router,
    render:h=>h(App),
}).$mount("#app");

 

2、router.js中返回完整的new Router配置时，src/index.js中不需要再引入“vue-router”,正确写法如下：

src\router\index.js

import Vue from "vue";
import Router from "vue-router";
import A from "../views/A";
import B from "../views/B";
Vue.use(Router);
export default new Router({
  routes:[
    {
      path:'/',
      component:A
    },
    {
      path:"/A",
      component:A
    },
    {
      path:"/B",
      component:B
    },
    {
      path:"/testTreeTwo",
      component:()=>import('@/views/testTreeTwo.vue')
    },
    {
      path:"/testTreeThird",
      component:()=>import('@/views/testTreeThird.vue')
    },
    {
      path:"/lineFirst",
      component:()=>import('@/views/lineFirst.vue')
    }
  ]
})

src\router\index.js

import Vue from "vue";
import App from "./App";
import store from "./store";
import router from "./router";
import echarts from "echarts";
import {Toast} from "@/components/Toast";
Vue.use(Toast);
Vue.prototype.$echarts=echarts;
new Vue({
    el:"#app",
    store,//应用数据仓库
    router,
    render:h=>h(App),
}).$mount("#app");