獲取hostname是前端開發中的一個常見需求。在使用vue框架時，我們可以通過以下代碼來獲取當前網站的hostname:

let hostname = window.location.hostname;
console.log(hostname);

代碼中，我們首先使用window.location獲取當前頁面的地址信息，然后從中提取出hostname，最后打印出來。這個hostname就是當前網站的域名，比如"www.example.com"。

除了hostname，window.location對象還可以獲取當前頁面的其他信息，如端口號、協議等。具體實現如下：

let protocol = window.location.protocol; //獲取協議，如"http:"或"https:"
let port = window.location.port; //獲取端口號，如"8080"
let path = window.location.pathname; //獲取當前頁面路徑，如"/index.html"
let queryString = window.location.search; //獲取查詢參數，如"?q=vue&lang=zh"
let hash = window.location.hash; //獲取頁面錨點，如"#section-1"

以上代碼中，各個屬性的取值均可以通過window.location對象獲取。需要注意的是，獲取到的端口號和協議可能會包含冒號，需要自行處理。