Vue的(de)頁面(mian)跳轉有(you)兩種方式：標簽內跳轉和編程式路由導航。

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

標簽(qian)內跳轉(zhuan)通常用(yong)于點擊按(an)鈕或鏈(lian)接(jie)時(shi)跳轉(zhuan)到其他頁(ye)面(mian)。可(ke)以(yi)使用(yong)<router-link&gt;標簽(qian)來實現頁(ye)面(mian)跳轉(zhuan)，例(li)如：

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

在這個(ge)例(li)子中，點(dian)擊按(an)鈕時會(hui)跳轉(zhuan)到(dao)名為"Demo"的頁(ye)面。你也可(ke)以使(shi)用to屬性來指定跳轉(zhuan)的路徑(jing)，例(li)如to="/Demo"。

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

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

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

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

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

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)個例(li)子中(zhong)，router.push方法可(ke)以接收一個路(lu)徑或一個包含路(lu)徑和參(can)數的(de)對象，用來實現頁面(mian)跳轉。可(ke)以直接傳遞路(lu)徑字符串，也可(ke)以傳遞一個包含path和query或name和params的(de)對象。

以上(shang)就是Vue頁面跳(tiao)轉的兩種方式：標簽(qian)內跳(tiao)轉和編(bian)程式路(lu)由(you)導(dao)航(hang)。根據具體的需求，選擇適合的方式來實現頁面跳(tiao)轉。