Vue的組件化開發模式使得網頁頭部(header)的設置非常簡單，我們只需要在組件中設置一些屬性就可以定制化網頁頭部。以下是一些常用的設置：

<template>
<div id="app">
<header
:title="title"
:background-color="bgColor"
:font-color="fontColor"
:height="height"
/>
</div>
</template>
<script>
import header from './components/header.vue'
export default {
components: {
header
},
data () {
return {
title: 'Vue Header設置',
bgColor: '#f2f2f2',
fontColor: '#333',
height: '60px'
}
}
}
</script>

以上代碼中，我們定義了一個Vue組件，并把它們導入App.vue中，為了方便，我們把header組件單獨放在一個文件(header.vue)中。在header組件中，我們設置了title，background-color，font-color和height這四個屬性。分別表示網頁頭部的標題，背景色，字體顏色和高度。

在template標簽中，我們把header組件放在了id為’app’ 的div標簽中。在script標簽中，我們導入了header組件并將其注冊在組件中。同時，我們通過data()函數定義了四個變量，分別對應了header組件中的四個屬性。

我們可以根據實際需求來定制化網頁頭部，比如，我們可以根據用戶登錄狀態動態更改title屬性，或者根據不同的頁面更改背景色等。