vue3 使用 router

在 vue3 中使用 router 的方式跟 vue2 有點不同,主要是 Composition API 的緣故,來看看怎麼改成 vue3 吧!

也可以直接參考官網

import { useRouter, useRoute } from "vue-router";

//...

setup() {
  const router = useRouter();
  const route = useRoute();

  const onSubmit = () => {
    router.push({ name: "Home" });
  }
  const showParams = () => {
    console.log(route.params);
  }
}

恩…好像就是大概這樣吧。

學習程式原來可以這麼簡單:六角學院線上課程

初學者如何成為vue前端工程師:查看課程內容

---------------------------

| 軟體開發 | 網站建置 | 網頁系統 | 資料庫網站 |

| 客製化網站 (報名系統、投票系統、掛號系統...) |

| 前後端技術合作 |

歡迎與我們聯繫:jessica@penueling.com

加入Line立即聊聊:@539mjyid

0
0 回復

發表評論

Want to join the discussion?
Feel free to contribute!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。