Vue.js 是一個流行的 JavaScript 框架,擁有數(shù)據(jù)綁定和組件化的特性。 使用它可以輕松地構(gòu)建交互式 Web 應(yīng)用程序。
以下是一個 Vue.js 的示例,可以將一些文本放入輸入框中,并將其實時地顯示在頁面上。
<div id="app">
<input v-model="message" placeholder="在這里輸入文本">
<p>您輸入的文本是:{{ message }}</p>
</div>
<script>
var app = new Vue({
el: '#app',
data: {
message: ''
}
})
</script>
在上面的代碼中,我們使用了雙花括號語法(Mustache 語法)來顯示頁面上的文本。這里的 message 屬性是一個雙向綁定的數(shù)據(jù),它會自動更新并響應(yīng)用戶輸入。
這只是一個基本的 Vue.js 示例,但它展示了 Vue.js 的強大功能。使用 Vue.js,您可以快速創(chuàng)建復(fù)雜的交互式單頁應(yīng)用程序。