Vue 2.0是一個流行的JavaScript框架，許多開發者都使用它來構建交互式的Web應用程序。這個框架提供了很多功能，其中之一就是能夠從服務器加載數據。

要加載數據，我們通常使用Ajax。Vue 2.0中，可以使用Vue Resource插件來在組件中進行Ajax請求。Vue Resource提供了很多便捷的方法，例如get()、post()、put()和delete()。我們可以使用這些方法來獲取數據，并通過Vue組件將其呈現到HTML頁面上。

Vue.component('blog-post', {
template: '#blog-post-template',
data() {
return {
post: null
}
},
created() {
this.fetchData()
},
methods: {
fetchData() {
this.$http.get('/posts/1').then(response =>{
this.post = response.body
}, response =>{
console.log('Error:', response)
})
}
}
})

在上述代碼中，我們首先定義了一個名為“blog-post”的組件，并指定了其模板的ID。該組件包含一個data()方法，用于定義組件內部的數據。在該方法中，我們初始化了一個名為“post”的屬性，并將其設為null。

created()生命周期鉤子是在組件實例被創建之后被調用的。在該方法中，我們調用了fetchData()方法來獲取數據。

在fetchData()方法中，我們使用了Vue Resource插件的get()方法來發送Ajax請求。這個方法返回一個Promise對象，我們可以使用then()方法來處理響應。在響應處理函數中，我們將返回的數據設置給post屬性。

在上述代碼中，我們首先定義了一個ID為“app”的HTML元素，用來作為Vue根實例掛載的位置。在該元素中，我們使用了自定義組件“blog-post”。Vue會自動查找名為“blog-post”的組件并將其渲染到頁面上。

在組件模板中，我們使用了“{{post.title}}”和“{{post.content}}”來呈現數據。由于我們將數據分別存儲在post.title和post.content屬性中，因此我們可以在模板中通過這些屬性來呈現數據。

除了使用Vue Resource插件，我們還可以使用其他第三方庫來加載數據。例如，使用Axios庫，我們可以像下面這樣來發送Ajax請求：

axios.get('/posts/1')
.then(response =>console.log(response))
.catch(error =>console.log(error))

以上就是有關Vue 2.0加載數據的內容，希望這對您有所幫助。