Vue路由使用
1.App.vue写上 <router-view>这句话是会去找当前路由下的内容(根据url),该去找路由配置项了->
2./router/index.js(路由配置项)
写路由配置项:
{
path:'/' --地址(这个是根地址)
name:' Home' --路由项的名字
component: Home --该地址下显示的组件的名字(不用引号)
}
组件要先在上面进行导入,这里的@表示src目录(在webpack里面配置的别名)
import Home from '@/pages/Home/Home'
import List from '@/pages/Home/List'
3.组件跳转:
<router-link>相当于<a>, to="/list" 表示要转到 /list这个路由下.