字符串模板中怎么写html标签,字符串模板(HTML模板,Template模板,render函数)...

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" //引用信息

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值