Vue的頁(yè)面跳轉(zhuǎn)有兩種方式：標(biāo)簽內(nèi)跳轉(zhuǎn)和編程式路由導(dǎo)航。

1. 標(biāo)簽內(nèi)跳轉(zhuǎn)（router-link）

標(biāo)簽內(nèi)跳轉(zhuǎn)通常用于點(diǎn)擊按鈕或鏈接時(shí)跳轉(zhuǎn)到其他頁(yè)面?？梢允褂?lt;router-link>標(biāo)簽來(lái)實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)，例如：

<router-link to="/Demo">
  <button>點(diǎn)擊跳轉(zhuǎn)</button>
</router-link>

在這個(gè)例子中，點(diǎn)擊按鈕時(shí)會(huì)跳轉(zhuǎn)到名為"Demo"的頁(yè)面。你也可以使用to屬性來(lái)指定跳轉(zhuǎn)的路徑，例如to="/Demo"。

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

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

在這個(gè)例子中，點(diǎn)擊按鈕時(shí)會(huì)跳轉(zhuǎn)到路徑為"/Demo"，同時(shí)傳遞了一個(gè)名為"id"的參數(shù)，值為1。

2. 編程式路由導(dǎo)航（router.push）

編程式路由導(dǎo)航是通過(guò)編寫代碼來(lái)實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)。需要先引入useRouter方法來(lái)獲取路由實(shí)例，然后使用router.push方法來(lái)進(jìn)行跳轉(zhuǎn)，例如：

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

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

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

在這個(gè)例子中，router.push方法可以接收一個(gè)路徑或一個(gè)包含路徑和參數(shù)的對(duì)象，用來(lái)實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)?？梢灾苯觽鬟f路徑字符串，也可以傳遞一個(gè)包含path和query或name和params的對(duì)象。

以上就是Vue頁(yè)面跳轉(zhuǎn)的兩種方式：標(biāo)簽內(nèi)跳轉(zhuǎn)和編程式路由導(dǎo)航。根據(jù)具體的需求，選擇適合的方式來(lái)實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)。