欢迎光临散文网 会员登陆 & 注册

vue3--文本绑定{{}}和V-html指令

2022-10-18 19:50 作者:图难于易  | 我要投稿

1、语法格式:
文本绑定形式使用 {{...}}(双大括号)的文本插值。
<div id="app">
    <p>{{  message  }}</p>
</div>
2、取值:
{{...}} 标签的内容将会被替代为对应组件实例中 message 属性的值,如果 message 属性的值发生了改变,{{...}} 标签内容也会更新。
3、v-once指令
如果不想改变标签的内容,可以通过使用 v-once 指令执行一次性地插值,当数据改变时,插值处的内容不会更新。<span v-once>这个将不会改变: {{ message }}</span>

4、v-html指令设置元素的innerHTML,内容中有html结构会被解析为标签。

示例


vue3--文本绑定{{}}和V-html指令的评论 (共 条)

分享到微博请遵守国家法律