vue里面v-cloak/v-text/v-html/v-pre的应用

v-text更新元素的textContent
v-html更新元素的innerHTML【不建议使用】
因为在网站上动态渲染HTML容易导致XSS攻击

v-pre不编译里面的元素

v-cloak一般用在非工程化的页面上
作用：防止闪现–内容未加载完成出现未编译的代码
用法：和CSS规则如[v-cloak]{display:none}一起用时，这个指令可以隐藏未编译的Mustache标签直到实例准备完毕

<template><div><h3>指令</h3><p v-text="one">{{ one }}What</p><p v-text="one">What</p><p v-html="one">What</p><br /><p>{{ two }}What</p><p v-text="two">What</p><p v-html="two">What</p><h3>不编译里面的元素v-pre</h3><p v-pre>{{ one }}</p><p v-pre>{{ two }}</p><h3>不添加其他</h3><p>{{ one }}</p><p>{{ two }}</p><h3>添加了v-cloak的</h3><p v-cloak>{{ one }}</p><p v-cloak>{{ two }}</p></div>
</template><script>
export default {name: "Otherinstruct",data() {return {one: "灌篮高手",two: '<a href="http://www.luichun.cn">全职猎人</a>',};},
};
</script><style scoped>
[v-cloak]{display:none;
}
</style>

vue里面v-cloak/v-text/v-html/v-pre的应用相关推荐

oracle v$sql last_load_time,Oracle 等待事件V$视图
等待事件V$视图本节包含一些显示等待事件的V$ 脚本.从个人角度来说,我更喜欢使用STATSPACK 报表.AWR 报表或企业管理器来查找等待事件.也就是说,有些很好的视图可以查看等待事件. Ora ...
企业抖音蓝v怎么认证？详谈蓝v申请认证流程
抖音现在是国内非常火的短视频软件,随着用户量的与日俱增,很多商家抓住了商机,开始在抖音宣传自己的商品.而抖音蓝V认证则是快速提升企业品牌知名度的一种渠道,但很多朋友不知道怎么申请蓝V认证,今天就给大家 ...
c v开发语言,被质疑的 V 语言
近日,V 语言开发者在 Twitter 上发布消息,V0.1 已开源,可下载 Linux,macOS,Windows 版本或用不到一秒的时间从源代码构建它,甚至可以在 Android 上运行. Twi ...
vector＜int＞ v 与 vector＜int＞ v(n) 的区别
使用vector的注意事项(切记): 使用 vector<int> v; 声明一个容器v时,如果没有给他预定存储空间(如:vector<int> v;),则可以直接使用v.pu ...
v系列服务器cpu,服务器cpu v什么意思
服务器cpu v什么意思内容精选换一换调用接口有如下认证方式:Token认证:通过Token认证通用请求.Token是服务端生成的一串字符串,作为客户端进行请求的一个令牌.第一次登录后,服务器生 ...
v 3437 powered by ipb_奔驰V系改装订制版目前最安全的商务车_凤凰网汽车
目前该店奔驰V260现车充足,颜色可选,销售全国,可全国落户,另外本店还有商务房车改装基地,接受各种房车改装,为您提供各种改装方案,改装我们是最专业的,对这款车感兴趣的朋友们不妨进一步关注一下,我们不 ...
PHP小V脸蛋白线,HPH小v脸蛋白线好不好用？HPH小v脸蛋白线怎么用
不用去美容院脸也可以变紧的方法,那么你可以选择HPH蛋白线.下面小编为大家介绍HPH小v脸蛋白线好不好用?HPH小v脸蛋白线怎么用 HPH小v脸蛋白线好不好用 HPH这个蛋白线主要是提拉紧致的作用,是 ...
oracle v session表,Oracle技术之V$SESSION_LONGOPS超过系统时间
检查一个系统,意外发现数据库的v$session_longops中时间远远超过了系统时间. 查询结果如下: [oracle@datasd ~]$ sqlplus / as sysdba SQL*Plu ...
c v语言小数后20位,V语言学习笔记-30集成C代码库
集成C代码库优势 V的代码库很多都直接调用C标准库函数来实现,对C标准库的依赖还是很重的由于V代码编译后生成的是C代码,然后再调用C编译器编译成可执行文件这样的机制决定了V语言可以很方便地调用C ...
js html监听ctrl v,如何使用JavaScript检测Ctrl+V，Ctrl+C？
我这么做是出于兴趣.我同意这样做不对,但我认为这应该是OP的决定.此外,代码可以很容易地扩展到添加功能,而不是删除它(就像一个更高级的剪贴板,或者克特+s触发服务器端保存).$(document).r ...

vue里面v-cloak/v-text/v-html/v-pre的应用

vue里面v-cloak/v-text/v-html/v-pre的应用相关推荐

最新文章

热门文章