在创建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 })