meta標簽在網頁優化中有著非常重要的作用，它可以控制網頁的一些重要信息，如標題、關鍵詞、網頁描述等。在Vue中，我們也可以通過一些方式來控制meta標簽。

首先，我們可以在index.html中手動添加meta標簽。在head標簽中添加如下代碼：

<meta name="description" content="這里是網頁描述">

這樣我們就可以手動添加description的meta標簽，其他的meta標簽同理。但是這種方法并不利于SEO，因為每個頁面的description都是固定的，而且無法通過頁面的數據來動態修改。

為了實現動態修改meta標簽，我們可以利用Vue的中間件來完成。在路由配置中添加如下代碼：

const router = new VueRouter({
routes,
// 全局的后置鉤子，每個組件渲染之前都會調用此方法
// to 表示即將要進入的目標路由對象
// from 表示當前導航正要離開的路由
// next 表示進行管道中的下一個鉤子
afterEach: (to, from, next) =>{
// 設置頁面title
document.title = to.meta.title;
// 獲取meta標簽
const metaArr = document.getElementsByTagName('meta');
// 設置description的meta標簽
for (let i = 0; i< metaArr.length; i++) {
if (metaArr[i].name === 'description') {
metaArr[i].content = to.meta.description;
}
}
next();
}
})

通過Vue的全局后置鉤子，我們可以在每個組件渲染之前動態修改title和description的meta標簽內容。通過to.meta.xxx的方式獲取路由中meta的信息，然后修改對應的meta標簽的content屬性即可。

除了全局后置鉤子外，我們還可以在每個組件中都添加類似的邏輯。在組件的生命周期函數中，如created、mounted等中對meta標簽進行修改即可。但是這種方式需要在每個組件中都添加類似的邏輯，對于維護和更新來說不太友好。

綜上所述，控制meta標簽是網頁優化中非常重要的一環。在Vue中我們可以通過全局后置鉤子來實現動態修改meta標簽的內容，提高網頁的SEO優化效果。