在Vue.js中,我們通常使用“new Vue()”來創(chuàng)建一個Vue實例,這個實例可以代表一個特定的DOM元素。通過實例,我們可以訪問許多Vue.js提供的功能,比如組件、組件間通信、數(shù)據(jù)雙向綁定等等。
下面代碼演示如何創(chuàng)建一個簡單的Vue實例:
new Vue({ el: '#app', data: { message: 'Hello world!' } })
在這個例子中,我們創(chuàng)建了一個Vue實例,并將它綁定到頁面中的DOM元素“#app”上。數(shù)據(jù)選項“message”代表著一個初始值為“Hello world!”的變量。
Vue實例可以訪問的屬性有很多,其中el選項和data選項是最基礎(chǔ)的。el選項用于指定Vue實例所要使用的DOM元素,而data選項用于設(shè)置Vue實例中的變量。在前面的例子中,我們將“#app”作為Vue實例的el選項的值,這將使Vue實例和DOM元素“#app”綁定在一起。數(shù)據(jù)變量“message”是Vue實例中的一個屬性,其值為“Hello world!”。