Vue.js是一個流行的JavaScript前端框架，它的模板語法易于使用。Vue.js通過promise的then()方法來串聯多個異步操作。當一個異步操作或任務完成時，then()方法允許你在該異步操作的上下文中定義下一步要執行的操作，這是一種非常有用的方法。

下面是一個展示Vue.js中如何使用then()方法的示例：

new Vue({
el: '#app',
data: {
user: null,
loggedIn: false
},
methods: {
getUserInfo: function() {
axios.get('/api/user').then(response =>{
this.user = response.data;
this.loggedIn = true;
return this.user.friends;
}).then(friends =>{
console.log(friends);
}).catch(error =>{
console.log(error);
});
}
}
})

在這個例子中，我們使用axios庫發出一個GET請求，成功后處理響應的數據。在then()方法中，我們將數據存儲到Vue實例的user屬性中，并將loggedIn屬性設置為true。接下來，我們使用另一個then()方法來處理user的friends屬性。這個then()方法將輸出這個用戶的朋友列表到控制臺。如果任何一個異步操作失敗，我們可以在catch()方法中處理它。

在Vue.js中，使用then()方法可以非常靈活地編寫多個異步任務。Vue.js為什么不嘗試一下呢？