vue cli2和cli4 路由 vue-router4 基础使用

出现警告：

"export 'default' (imported as 'VueRouter') was not found in 'vue-router'

"export 'default' (imported as 'Vue') was not found in 'vuer'

原因是cli4和cli2不太一样 需要引用相对应的使用的东西，改成
main.js

// import Vue from 'vue'
// 不要引用整个Vue cli4默认创建是导入createApp方法
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'

// cli4 直接在createApp后面使用user方法
createApp(App).use(router).mount('#app')

index.js

// import VueRouter from 'vue-router'
// 和上面一样 导入需要的东西 不要导入整个
import { createRouter, createWebHashHistory } from 'vue-router'
// 这里不要用VueRouter.来使用方法 直接用导入的
const router = createRouter({
// 4. 内部提供了 history 模式的实现。
    // 这里也是 直接用导入的
    history: createWebHashHistory(),
    routes, // `routes: routes` 的缩写
})

就没有警告了