Vue路由使用

vue

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这个路由下.

以上是 Vue路由使用 的全部内容, 来源链接: utcz.com/z/377456.html

回到顶部