v-cloak与v-text与v-html方法区别对比

最新推荐文章于 2024-06-23 16:09:11 发布

qq_34412985

最新推荐文章于 2024-06-23 16:09:11 发布

阅读量286

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： v-cloak与v-text与v-html方法区别对比

本文链接：https://blog.youkuaiyun.com/qq_34412985/article/details/85634705

vue 专栏收录该内容

31 篇文章

订阅专栏

本文深入解析Vue.js中的关键指令，包括v-bind用于属性绑定，简写形式及合法JS表达式的使用，v-on用于事件绑定机制，以及@click简化写法。通过实例展示了如何在HTML元素上应用这些指令。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Document

++++++++ {{ msg }} ----------

==================

<div>{{msg2}}</div>
<div v-text="msg2"></div>
<div v-html="msg2">1212112</div>

<!-- v-bind: 是 Vue中，提供的用于绑定属性的指令 -->
<!-- <input type="button" value="按钮" v-bind:title="mytitle + '123'"> -->
<!-- 注意： v-bind: 指令可以被简写为 :要绑定的属性 -->
<!-- v-bind 中，可以写合法的JS表达式 -->

<!-- Vue 中提供了 v-on: 事件绑定机制 -->
<!-- <input type="button" value="按钮" :title="mytitle + '123'" v-on:click="alert('hello')"> -->


<input type="button" value="按钮" @click="show">