本文介绍了Vue中路由的基本配置方法及组件间的跳转方式。首先需要在App.vue中引入＜router-view＞，然后在/router/index.js文件中设置路由路径、名称及对应的组件。最后通过＜router-link＞实现页面间的导航。
Vue路由使用
１．App.vue写上 ＜router-view＞这句话是会去找当前路由下的内容（根据url），该去找路由配置项了－＞
２．/router/index.js（路由配置项）
写路由配置项：
{
path:＇/＇ －－地址（这个是根地址）
name:' Home' --路由项的名字
component: Home --该地址下显示的组件的名字(不用引号)
}
组件要先在上面进行导入，这里的@表示src目录（在webpack里面配置的别名）
import Home from '@/pages/Home/Home'
import List from '@/pages/Home/List'
３．组件跳转：
＜router-link＞相当于<a>， to="/list" 表示要转到 /list这个路由下．
扫一扫
2097
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
