Vue是近年來非常流行的前端框架，它讓前端開發(fā)變得更加便捷和高效。Vue的核心思想是將頁面由數(shù)據(jù)驅(qū)動(dòng)，也就是在頁面展示時(shí)，使用Vue聲明的數(shù)據(jù)來渲染頁面，避免了繁瑣的DOM操作。下面我們來看看如何使用div展示Vue聲明的值。

// 1. 在Vue實(shí)例中聲明一個(gè)數(shù)據(jù)對象
var app = new Vue({
data: {
message: 'Hello Vue!'
}
})
// 2. 在HTML中使用div展示聲明的數(shù)據(jù)
<div id="app">
{{ message }}
</div>
// 3. 將Vue實(shí)例掛載到頁面中
app.$mount('#app')

代碼中，我們首先聲明了一個(gè)Vue實(shí)例app，其中聲明了一個(gè)message數(shù)據(jù)，值為'Hello Vue!'。

在HTML中，我們使用{{ message }}來展示這個(gè)數(shù)據(jù)，這個(gè)稱為模板語法，Vue會(huì)自動(dòng)將模板語法替換為聲明的值。{{ message }}應(yīng)該包含在一個(gè)div中，以便在頁面中作為一個(gè)整體輸出。

最后，我們需要將Vue實(shí)例掛載到頁面中，這里使用了app.$mount('#app')來將Vue實(shí)例掛載到id為app的div中。此時(shí)，頁面中會(huì)展示出'Hello Vue!'這個(gè)值。