vue學習筆記 路由

2022-02-02 04:02:59 字數 944 閱讀 6755

1 路由配置

在vue.config中配置,則在**中可以使用 @來表示src目錄下

import aa from

'@/aa/index.js

'

2 單頁面可以懶載入

3 建立動態路由 路由中定義:(載入同乙個元件頁面 argu.vue,根據不同的name 顯示不同的東西)

vue元件中獲取資料:

$route.parmas.name
4 命名路由,也就是給路由設定名稱,在同乙個頁面載入不同的路由     比如說公共的頭部導航欄元件 不用在每個頁面中引入,而是可以使用命名檢視的方式在路由中定義,如果某個頁面不存在,則在路由配置檔案中修改配置資訊,不新增元件資訊即可,詳見下面的文章:

路由配置,注意有s:

頁面中引用:

5 路由重定向

6 js控制路由:

帶引數:

Vue 學習筆記 路由篇

官網 安裝外掛程式 npm install vue router安裝完之後在package.json裡面檢視版本 1 首先新建要跳轉的vue檔案 在src component裡面新建乙個about.vue檔案 template div class container p this is about ...

vue學習筆記 路由基礎

一 前面我們提到過單頁面富應用階段,那就要依靠我們的前端路由 vue router 二 配置安裝路由 2 在router資料夾下的index.js中學相關的路由配置 首先匯入路由 import vuerouter from vue router import vue from vue 3.這裡我們同...

Vue路由學習

在檢視 vue 教程中,摘抄的筆記,僅供自己回顧用 實際生活中的應用介面,通常由多層巢狀的元件組合而成。同樣地,url 中各段動態路徑也按某種結構對應巢狀的各層元件 摘抄自 示例 相當於,在大的 router view 中又存在可替換的元件 定義 新增了 children 的配置 除了使用 建立 a...