el 选项

el选项作用

• 用于选取一个 DOM 元素作为 Vue 实例的挂载目标。

• 只有挂载元素内部才会被 Vue 进行处理，外部为普通 HTML 元素。

• 代表 MVVM 中的 View 层（视图）。

• 可以为 CSS 选择器格式的字符串 或 HTMLElement 实例，但不能 为 html 或 body。

CSS 选择器格式的字符串

var vm = new Vue({
  el: '#app'
});

console.log(vm.$el); 

HTMLElement 实例

var app = document.querySelector('#app');
var vm = new Vue({
  el: app
});
console.log(vm.$el); 

• 未设置 el 的 vue 实例，也可以通过 vm.$mount() 进行挂载，参数形式与 el 规则相同。

// var app = document.getElementById('app');
var vm = new Vue({});
vm.$mount('#app');
// vm.$mount(app);
console.log(vm.$el);

输出结果