新的Vue實例可以通過el屬性來關聯一個特定的DOM元素。
var example = new Vue({ el: '#app' })
這將創建一個Vue應用程序,并將其關聯到具有ID為“app”的DOM元素。一旦Vue實例與元素關聯,它將自動控制此元素及其所有子元素。在此示例中,示例Vue應用程序將控制具有ID“app”的DOM元素及其子元素。
使用el屬性時,還可以將其設置為一個字符串,代表選擇器,以使Vue實例與選擇器指定的DOM元素關聯。
var example = new Vue({ el: '.app-wrapper' })
這將創建一個Vue應用程序,并將其關聯到類名為“app-wrapper”的所有DOM元素。Vue實例將自動控制這些元素及其所有子元素。