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

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

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

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

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

如果需要(yao)傳遞參數，可以(yi)使用query參數或params參數：

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

在這個例子中，點(dian)擊按鈕時(shi)會跳轉到路(lu)徑(jing)為"/Demo"，同時(shi)傳(chuan)遞了一個名(ming)為&quot;id"的參數，值為1。

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

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

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 } });

在這個例子中，router.push方(fang)法可以(yi)接(jie)收一(yi)個路徑或一(yi)個包含(han)路徑和(he)參數的(de)對象，用(yong)來實現(xian)頁面跳轉。可以(yi)直接(jie)傳(chuan)遞路徑字符串，也可以(yi)傳(chuan)遞一(yi)個包含(han)path和(he)query或name和(he)params的(de)對象。

以上就是Vue頁面(mian)跳轉(zhuan)(zhuan)的兩種方(fang)式：標簽內跳轉(zhuan)(zhuan)和編程(cheng)式路由(you)導航。根(gen)據具體的需求，選擇適(shi)合的方(fang)式來實現(xian)頁面(mian)跳轉(zhuan)(zhuan)。