如何通过Vue和Webpack路由文件进行高效管理？
- 内容介绍
- 文章标签
- 相关推荐
本文共计672个文字，预计阅读时间需要3分钟。
事实是，如果你的项目不是特别庞大，一般是不需要的。如果项目大了，就需要考虑路径了。实际上，这个操作并不复杂。当我们使用vue-cli工具创建新的vue项目时，就已经完成了这个过程。
事实是，如果你的项目不是特别大，一般是用不着分拆的。如果项目大了，那就需要考虑分拆路由了。其实，这个操作并不复杂。
当我们用 vue-cli 工具，创建一个新的 vue 项目时，就已经给大家新建好了一个路由文件 src/router/index.js ，内容如下：
import Vue from 'vue' import Router from 'vue-router' import HelloWorld from '@/components/HelloWorld' Vue.use(Router) export default new Router({ routes: [ { path: '/', name: 'HelloWorld', component: HelloWorld } ] })
我们以这个文件为蓝本，进行调整。
本文共计672个文字，预计阅读时间需要3分钟。
事实是，如果你的项目不是特别庞大，一般是不需要的。如果项目大了，就需要考虑路径了。实际上，这个操作并不复杂。当我们使用vue-cli工具创建新的vue项目时，就已经完成了这个过程。
事实是，如果你的项目不是特别大，一般是用不着分拆的。如果项目大了，那就需要考虑分拆路由了。其实，这个操作并不复杂。
当我们用 vue-cli 工具，创建一个新的 vue 项目时，就已经给大家新建好了一个路由文件 src/router/index.js ，内容如下：
import Vue from 'vue' import Router from 'vue-router' import HelloWorld from '@/components/HelloWorld' Vue.use(Router) export default new Router({ routes: [ { path: '/', name: 'HelloWorld', component: HelloWorld } ] })
我们以这个文件为蓝本，进行调整。