對于前端開發者來說，公共模板是一個非常重要的概念。它可以幫助我們快速地創建網站的不同部分，從而提高開發效率并減少出錯的可能性。在Vue中，我們可以使用多種方法來生成公共的模板，下面就來介紹一些常見的方法。

首先，我們可以使用Vue.js的組件來實現公共模板。Vue組件是一個可復用的代碼塊，它可以接收參數并產生相應的輸出。要創建一個組件，我們需要在Vue.js中定義一個新的組件，并在Vue實例中注冊它。

Vue.component('my-component', {
template: '
這是一個組件
'
})

上面的代碼定義了一個名為my-component的組件。該組件使用template屬性指定了它的輸出，即在頁面上顯示一個帶有文本“這是一個組件”的div塊。

一旦我們定義了一個組件，我們就可以在生成Vue實例時使用它。要在模板中使用組件，我們可以直接在標記中插入組件標記：

<my-component></my-component>

上面的代碼將在頁面上顯示my-component組件的輸出。

除了使用Vue組件，我們還可以使用Vue.js的mixin來實現公共模板。 mixin是一種重用一組Vue.js選項的方式，它可以幫助我們在不同的Vue組件間共享代碼和數據。

var myMixin = {
created: function() {
console.log('Mixin創建成功')
}
}
var myComponent = {
mixins: [myMixin],
created: function() {
console.log('Component創建成功')
}
}

上面的代碼定義了一個名為myMixin的mixin和一個名為myComponent的組件。 myComponent組件使用mixins屬性指定它依賴于myMixin mixin。當我們在頁面中顯示myComponent組件時，Vue.js將自動創建myMixin實例，并且將其與myComponent相結合。

最后，我們可以使用Vue.js的插槽來實現公共模板。 插槽是一種Vue.js中的高級功能，它可以幫助我們將組件分解為更小的部分，并在不同的地方重用這些部分。要使用插槽，我們可以在Vue組件中使用slot標記，并在模板中插入相應的內容：

Vue.component('my-component', {
template: '
<div>
<h1><slot name="header"></slot></h1>
<div><slot></slot></div>
</div>
'
})

上面的代碼定義了一個名為my-component的組件。該組件使用slot標記指定插槽的位置，并在模板中插入相應的內容。例如：

<my-component>
<div slot="header">這是一個頭部</div>
<div>這是一個正文</div>
</my-component>

上面的代碼將my-component組件的頭部和正文替換為相應的div塊。

綜上所述，Vue.js提供了多種方法來生成公共模板。 無論你使用哪種方法，都應該牢記這一目標：加快開發速度并減少錯誤發生的可能性。 選用合適的方法可以使我們在實際的項目中發揮出Vue.js的最大優勢。