码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-04-16 12:01:55      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:temp   html   学习   bsp   初识   code   原理   ring   sel   

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

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

标签:temp   html   学习   bsp   初识   code   原理   ring   sel   

原文地址:https://www.cnblogs.com/yi-515/p/8855035.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!