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为什么不尝试一下呢？