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");