Vue路由使用

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

Vue路由使用

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

Vue路由使用

写路由配置项:

{

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

 name:' Home'  --路由项的名字

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

}

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

import Home from '@/pages/Home/Home'
import List from '@/pages/Home/List'

3.组件跳转:

Vue路由使用

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

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-04-22
  • 2022-12-23
  • 2021-05-03
  • 2021-05-13
猜你喜欢
  • 2022-12-23
  • 2021-08-05
  • 2022-02-27
  • 2021-08-29
  • 2021-07-22
  • 2022-01-01
  • 2022-01-06
相关资源
相似解决方案