在數據管理中，我們經常使用where語句進行數據過濾和查詢，當數據條件發生變化時需要動態拼接where語句。在Vue中，我們可以使用computed屬性進行動態拼接where語句。

首先，我們需要定義數據，例如一個商品列表，我們可以定義如下數據：

data(){
return {
products: [],
searchParams: {
productName: '',
productType: ''
}
}
}

其中，products是商品列表數組，searchParams是查詢條件。

接下來，我們定義computed屬性，根據searchParams動態拼接where語句：

computed: {
whereClause() {
let clause = '';
if (this.searchParams.productName) {
clause += `product_name like '%${this.searchParams.productName}%' and `;
}
if (this.searchParams.productType) {
clause += `product_type = '${this.searchParams.productType}' and `;
}
if(clause) {
clause = 'where ' + clause.slice(0, -5);
}
return clause;
}
}

其中，whereClause是computed屬性的名稱，通過if語句根據searchParams動態拼接where語句，然后返回該where語句。

最后，我們使用axios進行數據查詢時，在url中加入whereClause，例如：

axios.get('/api/products' + this.whereClause)
.then(response =>{
this.products = response.data;
})
.catch(error =>{
console.log(error);
});

這里，我們使用axios的get方法，通過this.whereClause動態拼接url，實現根據查詢條件查詢商品列表。

總結來說，Vue中通過computed屬性動態拼接where語句，可以實現數據過濾和查詢的自動化，提高開發效率。