Vue 標準寬屏是指在 PC 端和移動端都能夠適應的寬度，一般為 1200px 或 1360px。在實際應用中，我們需要根據項目需求設置不同的寬度。Vue 中，我們可以通過使用 CSS 提供的 media query 來達到根據不同屏幕寬度設置不同樣式效果的目的。

在 Vue 中，我們也可以通過自定義指令來實現標準寬屏的適配。通過自定義指令，我們可以在模板中快速設置不同屏幕寬度下的樣式或者布局。下面是一個自定義指令的例子，可以根據屏幕寬度設置不同的字體大小：

Vue.directive('font-size',{
inserted: function(el,binding){
var windowWidth = window.innerWidth;
if(windowWidth>=1200){
el.style.fontSize = binding.value + 'px';
}
else if(windowWidth>=1024){
el.style.fontSize = "12px";
}
else if(windowWidth>=768){
el.style.fontSize = "14px";
}
else{
el.style.fontSize = "16px";
}
}
});

當屏幕寬度大于等于 1200px 時，字體大小為綁定值。當屏幕寬度在 1024px 和 1200px 之間時，字體大小為 12px。當屏幕寬度在 768px 和 1024px 之間時，字體大小為 14px。當屏幕寬度小于 768px 時，字體大小為 16px。

在實際應用中，我們也可以通過使用第三方 CSS 框架來實現標準寬屏適配。例如，使用 Bootstrap 框架可以輕松實現響應式布局。下面是一個使用 Bootstrap 實現標準寬屏響應式布局的例子：

<div class="container">
<div class="row">
<div class="col-sm-12 col-md-6">
<p>當前屏幕寬度為中等屏幕，兩列布局，左側占據 12 柵格，右側占據 6 柵格。</p>
</div>
<div class="col-sm-12 col-md-6">
<p>當前屏幕寬度為中等屏幕，兩列布局，左側占據 12 柵格，右側占據 6 柵格。</p>
</div>
</div>
</div>

在上面的例子中，我們在一個容器中實現了左右兩欄布局。當屏幕寬度小于 768px 時，兩欄布局會自動轉成單欄布局；當屏幕寬度在 768px 和 992px 之間時，兩欄布局會自動轉成兩列布局；當屏幕寬度大于等于 992px 時，兩欄布局會繼續保持兩列布局。

總的來說，標準寬屏適配是一個前端開發中必須要關注的話題。在 Vue 中，我們可以通過使用 CSS 的 media query，自定義指令或者第三方 CSS 框架來實現標準寬屏的適配。靈活運用這些技巧，可以幫助我們實現更加優秀的用戶界面和用戶體驗。