欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue学习笔记初识vue——使用HTML模板

程序员文章站 2022-03-29 08:11:54
...

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