字符串模板(HTML模板,Template模板,render函数)html模板
基于DOM的模板,模板都是可解析的有效的HTML
插值:
⽂本:使⽤"Mustache"语法(双⼤括号){{value}}
作⽤:替换实例上的属性值,当值改变时,插值内容处会⾃动更新
原⽣的htm l:
双⼤括号输出的是⽂本,不会解析html
属性:
使⽤v-bind进⾏绑定,可以响应变化
使⽤javascript表达式:
写简单的表达式
templa te字符串
template选项对象的属性
模板将会替换挂载的元素,挂载元素的内容都将被忽略
根节点只能有⼀个
将html结构写在⼀对script标签中,设置type="x-template"
模板render函数
render函数
render选项对象的属性
createElement(标签名,[数据对象],⼦元素);
⼦元素为⽂本或数组
数据对象属性
学校网站免费html模板
class:{}, //绑定class,和'v-bind:class'⼀样的API
style:{}, //绑定class,和'v-bind:style'⼀样的API
attrs:{}, //添加⾏间属性
domProps:{}, //DOM元素属性
on:{} //绑定事件
nativeOn:{}, //监听原⽣事件directives:{}, //⾃定义指令scopedSlots:{}, //slot作⽤域slot:{}, //定义slot名称key:"key", //给元素添加唯⼀标识ref:"ref" //引⽤信息
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论