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

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

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

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

    el选项 - 图1

    ·挂载完毕后，可以通过vm.$el进行访问。

    el选项 - 图2

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

    el选项 - 图3

    <!DOCTYPE html> <html lang=“en”> <head> <meta charset=“UTF-8”> <meta name=“viewport” content=“width=device-width, initial-scale=1.0”> <title>Document</title> </head> <body> <div id=“app”> </div> <script src=“lib/vue.js”></script> <script> 方式一 /* var vm = new Vue({ el: ‘#app’ }); console.log(vm.$el); */ 方式二 /* var app = document.querySelector(‘#app’); var vm = new Vue({ el: app }); console.log(vm.$el); */ 方式三 var vm = new Vue({}); vm.$mount(‘#app’); console.log(vm.$el); 方式四 var app = document.getElementById(‘app’); var vm = new Vue({}); vm.$mount(app); console.log(vm.$el); </script> </body> </html>