Vue路由使用

冷不防 2021-10-09 04:24 470阅读 0赞

Vue路由使用

1.App.vue写上 <router-view>这句话是会去找当前路由下的内容(根据url),该去找路由配置项了->

70

2./router/index.js(路由配置项)

70 1

写路由配置项:

{

  1. path:'/' --地址(这个是根地址)

 name:’ Home’ —路由项的名字

 component: Home —该地址下显示的组件的名字(不用引号)

}

组件要先在上面进行导入,这里的@表示src目录(在webpack里面配置的别名)

import Home from ‘@/pages/Home/Home’
import List from ‘@/pages/Home/List’

3.组件跳转:

70 2

<router-link>相当于, to=”/list” 表示要转到 /list这个路由下.

发表评论

表情:
评论列表 (有 0 条评论,470人围观)

还没有评论,来说两句吧...

相关阅读

    相关 Vue使用

    Vue路由使用 1.App.vue写上 <router-view>这句话是会去找当前路由下的内容(根据url),该去找路由配置项了-> ![70][] 2./router

    相关 vue基础使用

    [vue-router 基本使用][vue-router]   路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的a