技術 vue & vuex 04 - 使用 vue-router 建構 Single Page Application

為什麼要使用 router ? 更方便讓我們切換兩個不同的頁面，而不是將所有功能寫在同一頁上面，利用 if 去切換 使用 vue-router 2.0 npm...

Jacky ‧ 2016-12-05

技術 用範例理解 Vue.js #20：vue-router in Vuetify

圖片來源 延續昨天的主題 Vuetify 中用到的技術大方向有： vue-router vuex vue-server-renderer webpack e...

HunterLiu ‧ 2017-12-30 ‧團隊露天廢物

技術 vue router-link + 引入bootstrap4 (四)

將連結改成router-link 若增加tag標籤為button，屬性則變為按鈕 <li> <router-link :to="...

技術 vue & vuex 27 - 進階路由顯示 - multiples views、nested routes

今天我們將練習 vue-router 兩種進階顯示方式，多重顯示與巢狀路由，這樣的設計會讓我們的系統，搭配 router path 顯得語意化且更具結構性。 今...

Jacky ‧ 2016-12-28

技術 Day25 萬丈高樓平地起(8)：Vue Router簡介，頁面跳轉不卡卡

本文同步發表於斜槓女紙部落格：Day25 萬丈高樓平地起(8)：Vue Router簡介，頁面跳轉不卡卡 今天要來和大家談談Vue Router的基本簡介...

鍾小呆 ‧ 2019-10-10

達標好文 技術 主廚的話 - 餐點簡介與相關說明

Alex ‧ 2018-10-16 ‧團隊浪流連九程式匠自然產生的佛系碼農專區

技術 Day 26: 在 Vue router - Navigation Guard 中使用 Pinia store 的小眉角

前言 在 route 中使用 Pinia store 時，不同的 route guard 常常會需要用到同一個 store，我一開始想要少寫一點程式碼XD，減少...

安揪拉 ‧ 2022-10-11

技術 [學習筆記] Vue router監聽-解決router-push到相同component需重新渲染問題

教學文章(參考 导航完成后获取数据):https://router.vuejs.org/zh/guide/advanced/data-fetching.html...

技術 [鼠年全馬] W26 - Vue心得筆記 - Vue Router分頁好蚌蚌(下)

繼上上週Vue Router基本篇之後這週要來提到一些我個人在實務上常用到的功能 #動態Router 首先先談談動態Router我們常常會需要在導頁時 傳入一...

技術 [鼠年全馬] W25 - Vue心得筆記 - Vue Router分頁好蚌蚌(上)

上週提到怎麼用Vue Cli小秘書建立專案其中有安裝一個東西叫做Vue Router 今天特別為它寫一篇簡單的介紹及基本的用法一樣由淺入深 將來有機會研究到很深...

技術 Day 23: 來發 API 吧！Lifecycle Hooks and Navigation Guards 你要哪一個？

Outline Lifecycle Hooks 快速總覽 Navigation guards 快速總覽 發 API 挑哪個？ 今天會著重介紹觸發時機，可以在...

安揪拉 ‧ 2022-10-08

技術 主廚推薦 - 清燉嫩煮百頁路由

Alex ‧ 2018-11-01 ‧團隊浪流連九程式匠自然產生的佛系碼農專區

技術 主廚推薦 - 蜂蜜燴巢狀路由

Alex ‧ 2018-11-02 ‧團隊浪流連九程式匠自然產生的佛系碼農專區

技術 總匯拼盤 - 復古總匯 TodoList 燴路由模組

Alex ‧ 2018-11-07 ‧團隊浪流連九程式匠自然產生的佛系碼農專區

技術 主廚推薦 - 五彩繽紛路由參數與監控

Alex ‧ 2018-11-03 ‧團隊浪流連九程式匠自然產生的佛系碼農專區

技術 Day 28. F2E-過渡動畫

系列文接近尾聲，專案最後要來做一個過渡動畫效果 我們要做的效果是向左/右滑入滑出，效果可以參考 Vue-過渡模式 搭配 Vue Router 做出路由的過渡動...

餅乾 ‧ 2020-10-14

技術 五號坑，造個路vue-router送你到各地

先來造個路吧！使用vue-router設定從網址下不一樣的內容走到對應的頁面。 我們先在pages資料夾內新增一個檔案夾叫做chat，並增加一支index.vu...

挖洗菜呱 ‧ 2019-09-21

技術 Day 23. F2E-菜單功能

今天要來將頭像菜單中的 [登入] 和 [移除] 功能實作出來唷~ #登入功能 開啟前端(f2e)專案開始吧!! #Step 1 擴展面板的登入會導向 [驗證...

餅乾 ‧ 2020-10-07

技術 [Day26]： 這才不是PS5 - axios & router

Axios X Router 這才不是PS5這是Plash Speed 5────────────────── By 장삐쭈 目標：安裝 axios +...

Opshell ‧ 2022-09-26

技術 DAY 24 - Nuxt Routing 路由 與動態路由

DAY 24 - Nuxt Routing 路由 與動態路由 Nuxt Routing Nuxt 路由是基於vue-router 來使用， 依據資料夾 pa...

阿蘇蘇 ‧ 2023-10-09 ‧團隊大船要開囉

技術 【Day 28】 從vue-router學react-router(上) - 基本設定及一些常見用法

今天主要一樣會偏向於從使用的方式來了解React相關的路由使用方式，不過在這之前還是會先來認識提到React的路由就會看到的兩個名字，分別是react-rout...

文科少女 ‧ 2023-10-04 ‧團隊曼陀號計畫V

技術 【Day 29】 從vue-router學react-router(下) - 更多的常見用法

今天會延續昨天尚未看完的一些常見用法，繼續從vue-router學react-router。在正式開始之前，也稍微前情提要一下，昨天我們除了了解什麼是react...

文科少女 ‧ 2023-10-05 ‧團隊曼陀號計畫V

技術 Day25—Vue（十一）Router、SPA與Vue-Router

前言 今天先不實作，回來研究Vue Router以及前端路由的實現方式。 路由 什麼是路由？ 路由是指定應用程序中不同視圖之間導航的過程。在 Web 開發中，路...

ch0902 ‧ 2023-10-10 ‧團隊好想工作室 v7.0