Vue js是一種流行的JavaScript框架，可用于構建交互式Web應用程序。它提供了通用工具，用于管理應用程序中的數據和狀態，從而將應用程序的復雜性降至最低。

其中一項核心功能是從頁面到Vue實例中的數據綁定。Vue使我們能夠將輸入字段等HTML元素的值綁定到Vue實例中的數據，從而創建響應式UI。當用戶交互時，數據將自動更新并重新渲染頁面。

<div id="app">
<input v-model="message" />
<p>{{ message }}</p>
</div>
<script>
var vm = new Vue({
el: '#app',
data: {
message: 'Hello, Vue!'
}
});
</script>

在這個例子中，我們創建了一個Vue實例，并將其與id為“app”的div元素相關聯。我們定義了一個data對象，其中包含一個名為“message”的屬性，值為“Hello，Vue！”。然后，我們在頁面中創建一個單行輸入字段，并使用v-model指令將其值綁定到數據對象的“message”屬性。最后，我們在頁面中放置一個p元素，并使用雙重大括號將數據對象中的值顯示在其中。

輸入字段和p元素都是響應式的。這意味著當用戶更改輸入字段的值時，數據對象中的“message”屬性將自動更新，并且p元素將重新渲染為新值。這使我們能夠輕松地創建動態UI，而無需手動管理應用程序狀態。

Vue還提供了許多其他功能，包括自定義指令、計算屬性和組件等。這些功能使Vue成為構建現代Web應用程序的完整框架。