Vue的(de)頁(ye)面跳(tiao)轉(zhuan)有兩種方式：標簽內跳(tiao)轉(zhuan)和編(bian)程(cheng)式路由導航。

1. 標簽內跳轉（router-link）

標簽(qian)內跳轉通(tong)常用(yong)于點擊按鈕或鏈接時跳轉到其他頁面。可以使用(yong)<router-link>標簽(qian)來(lai)實現頁面跳轉，例如：

<router-link to="/Demo">
  <button>點擊跳轉</button>
</router-link>

在這個例子中，點擊按鈕時會跳(tiao)轉到名(ming)為(wei)"Demo"的(de)(de)頁面。你也可以使用to屬性(xing)來指定跳(tiao)轉的(de)(de)路徑，例如to="/Demo"。

如(ru)果需要傳遞參數(shu)，可以使(shi)用query參數(shu)或params參數(shu)：

<router-link :to="{ path: '/Demo', query: { id: 1 } }">
  <button>點擊跳轉</button>
</router-link>

在這個例(li)子中，點擊按鈕時(shi)會(hui)跳轉(zhuan)到路徑為(wei)(wei)"/Demo"，同時(shi)傳遞了一(yi)個名為(wei)(wei)"id"的(de)參(can)數，值(zhi)為(wei)(wei)1。

2. 編程式路由導航（router.push）

編程(cheng)式路(lu)由導航(hang)是通過編寫代碼來(lai)實現頁(ye)面跳轉。需要先(xian)引入useRouter方(fang)(fang)法來(lai)獲取路(lu)由實例，然后使用router.push方(fang)(fang)法來(lai)進行跳轉，例如：

import { useRouter } from "vue-router";
const router = useRouter();

// 直接跳轉
const handleChange = () => {
  router.push("/Demo");
};

// 帶參數跳轉
router.push({ path: "/Demo", query: { id: 3 } });
router.push({ name: "Demo", params: { id: 1 } });

在這(zhe)個(ge)例子中，router.push方(fang)法(fa)可(ke)(ke)以接收一個(ge)路(lu)徑(jing)或一個(ge)包(bao)含路(lu)徑(jing)和參數(shu)的(de)對象，用來實現頁(ye)面跳轉。可(ke)(ke)以直接傳遞(di)路(lu)徑(jing)字(zi)符串，也可(ke)(ke)以傳遞(di)一個(ge)包(bao)含path和query或name和params的(de)對象。

以(yi)上就是Vue頁(ye)面跳轉(zhuan)的(de)兩(liang)種方式(shi)：標簽內(nei)跳轉(zhuan)和編程式(shi)路由導(dao)航。根據(ju)具體的(de)需求，選擇(ze)適合的(de)方式(shi)來(lai)實(shi)現頁(ye)面跳轉(zhuan)。