路由懒加载方式

vue路由懒加载官方网站

根据里面说的步骤进行：

• 安装插件

npm install --save-dev @babel/plugin-syntax-dynamic-import

• 安装完成后在router.js文件中把之前的导入方式全部更换成const Foo = () => import('./Foo.vue')

const Login = () => import(/* webpackChunkName: "Login_Home_Welcome" */ '../components/Login.vue')
const Home = () => import(/* webpackChunkName: "Login_Home_Welcome" */ '../components/Home.vue')
const Welcome = () => import(/* webpackChunkName: "Login_Home_Welcome" */ '../components/Welcome.vue')

• 可以进行分组