html模板
基于DOM的模板,模板都是可解析的有效的HTML
插值:
文本:使用"Mustache"语法(双大括号){{value}}
作用:替换实例上的属性值,当值改变时,插值内容处会自动更新
原生的html:
双大括号输出的是文本,不会解析html
属性:
使用v-bind进行绑定,可以响应变化
使用javascript表达式:
写简单的表达式
template字符串
template选项对象的属性
模板将会替换挂载的元素,挂载元素的内容都将被忽略
根节点只能有一个
将html结构写在一对script标签中,设置type="x-template"
模板render函数
render函数
render选项对象的属性
createElement(标签名,[数据对象],子元素);
子元素为文本或数组
数据对象属性
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" //引用信息