在Web開發中，我們經常需要進行頁面間的傳值。在Vue.js中，傳地址是一個很常見的需求。Vue.js提供了多種方式來傳送地址，如編程式導航、路由參數等。下面我們分別來介紹其中比較常見的兩種方式。

第一種方式是編程式導航。編程式導航指的是通過代碼來實現頁面的跳轉。在Vue.js中，我們可以利用其提供的$route和$router對象來進行導航。

// 代碼片段1：在Vue實例中進行路由跳轉
this.$router.push({ path: '/user', query: { id: '123' } })

在代碼片段1中，我們利用了$router.push方法進行了路由跳轉。push方法接收一個參數，該參數可以是一個字符串，也可以是一個配置對象。在我們的例子中，我們使用了一個配置對象，該對象中包含path屬性，表示跳轉的路徑，和query屬性，表示頁面間傳遞的參數。

// 代碼片段2：在模板中進行路由跳轉
<router-link :to="{ path: '/user', query: { id: '123' } }">用戶詳情</router-link>

代碼片段2中，我們使用了Vue.js提供的[router-link]組件來進行路由跳轉。[router-link]組件接收一個to屬性，該屬性可以是一個字符串或者一個對象。在我們的例子中，我們使用了一個配置對象，該對象中包含path屬性和query屬性，和上面的$router.push方法是一樣的。

第二種方式是路由參數。路由參數是在路由配置中定義的參數，可以是靜態的，也可以是動態的。在Vue.js中，我們可以利用$route.params對象來獲取路由參數。

// 代碼片段3：在路由配置中定義路由參數
{
path: '/user/:id',
component: User
}
// 代碼片段4：在組件中獲取路由參數
export default {
mounted () {
console.log(this.$route.params.id)
}
}

在代碼片段3中，我們定義了一個路由參數:id，該參數是一個動態參數。在代碼片段4中，我們利用了$route.params對象來獲取路由參數。在Vue.js中，$route對象是一個當前路由的信息對象，可以獲取到當前路徑、當前路由的參數等信息。

總結一下，傳送地址在Vue.js中比較常見，我們介紹了兩種比較常用的方式：編程式導航和路由參數。在編程式導航中，我們使用$router和$route對象來實現頁面跳轉和傳遞參數；在路由參數中，我們在路由配置中定義參數，然后在組件中使用$route.params對象進行獲取。以上兩種方式均可以滿足我們在項目中的需求。在實際開發中，我們可以根據具體場景選擇合適的方式來進行傳遞地址。