在创建Vue实例时,如果声明了el配置项,那么你也可以省略template 选项。这时候,Vue.js将提取锚点元素的HTML内容,做为模板。

我们可以使用单一的el配置项来创建Vue实例:

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

在Vue.js中,这种模板被称为HTML模板,而使用template配置项 书写的模板,被称为字符串模板

工作原理

当Vue.js发现你提供的选项中没有template属性时,将提取el属性所 指定的DOM节点的outerHTML内容作为模板内容。这类似于:

var vm = new Vue({ el:'#app', template: document.querySelector('#app').outerHTML })