vue --- v-html、v-bind

v-html

// 有时候,我们需要展示<strong>,但直接使用下面的语法并不会显示
<div id = "app">{{name}}</div><script>let app = new Vue({el:'#app',data:{name:'<strong>啦啦啦</strong>'}});
</scritp>
// 结果当然没让人失望

此时需要 v-html来显示

<div id ="app"><div v-html="name"></div>
</div>
<script>let app =new Vue({el:'#app',data:{name:'<strong>啦啦啦</strong>'}});
</script>

v-bind:

// 前面strong标签绑定进了html页面,接下来是要赋予html页面间元素属性了.
// href属性
<div id = "app"><a v-bind:href="link">百度官网</a>
</div>
<script>let app = new Vue({el:'#app',data:{link:'https://www.baidu.com'}})
</script>// ps: v-bind:href="link"实际上等价于: href = link,  link = "https://www.baidu.com"

// 上文v-bind可以简写为 :
<div id = "app"><a :href="link">百度官网</a>     <br><button :disabled="myFalse">按钮被禁用</button>
</div>
<script>let app = new Vue({el:'#app',data:{link:'https://www.baidu.com',myFalse:'false'}});
</script>

参考 https://mp.weixin.qq.com/s?__biz=MzA3MDg1NzQyNA==&mid=2649654456&idx=1&sn=8ca7c9064f20328fcdce86fa3c6bce6b&chksm=872c4307b05bca11ec7a403cb9ce7ff62d45dcd3c6549cd3d2b5672b7c79abee0fc1c75e90f6&scene=21#wechat_redirect

vue --- v-html、v-bind相关推荐

v$sql、v$sqlarea 、v$sqltext
分享: ------------------------------- v$sql.v$sqlarea .v$sqltext 这三个视图都可以用于查询共享池中已经解析过的SQL语句及其相关信息. V$ ...
vue,的M、V、VM分别代表什么
M.V.VM分别代表什么? M: model,数据部分,即data V: view,视图,即html部分 vm: viewmodel,vue实例 <!DOCTYPE html> <h ...
事务的四大特性、事务处理开始与结束、v$transactio、 v$LOCK
数据库事务的四大特性:ACID 事务的4大特性(ACID): 原子性(Atomicity):事务是数据库的逻辑工作单位,它对数据库的修改要么全部执行,要么全部不执行.一致性(Consistemcy): ...
v$sql、v$sqlarea、v$sqltext、v$sql_plan
--v$sqltext --Concept:This view contains the text of SQL statements belonging to shared SQL cursors ...
NC：菌物组构建---随机性v.确定性、干旱胁迫、宿主筛选、统一动态(郭良栋、杨军点评)
文章目录 NC:作者解读菌物组构建---随机性v.确定性.干旱胁迫.宿主筛选.统一动态摘要作者解读高粱菌物组的结构:即宿主植物如何在时间.区室.基因型维度上影响真菌群落? 假说1:随机性与群落大 ...
操作系统信号量与P、V操作初步认识整理
初步接触,若有不足之处,请各位不吝赐教.谢谢! 首先介绍:信号量信号量包括整型信号量.结构型信号量.二值信号量. ① 整型信号量最初,将信号量定义为一个共享的整型量,它保存可供使用的唤醒数目.如果 ...
c语言p,用C语言实现P、V操作
该楼层疑似违规已被系统折叠隐藏此楼查看此楼操作系统中关于信号量操作的代码示例(Linux+windows) 原文:操作系统中关于信号量操作的代码示例(Linux+windows) 有一个生产者进程 ...
2.3.4 操作系统之信号量机制（整型信号量、记录型信号量P、V）
文章目录 0.思维导图 1.为什么引入信号量机制? 2.什么是信号量机制? 3.整型信号量 4.记录型信号量 (1)举一个生动形象的例子了解记录型信号量 (2)梳理一下记录型信号量的知识点(P.V) ...
transform的q、k、v的计算过程
q.k.v的理解:Attention机制详解(二)--Self-Attention与Transformer - 知乎首先是来自于Vision Transformer 超详细解读 (原理分析+代码解读 ...
oracle中以dba_、user_、v$_、all_、session_、index_开头
oracle中以dba_.user_.v$_.all_.session_.index_开头的常用表和视图 ----------------------------------------------- ...

vue --- v-html、v-bind

vue --- v-html、v-bind相关推荐

最新文章

热门文章