Vue 内置指令

v-html:

1、作用: 向指定节点中渲染包含html结构的内容

2、与插值语法的区别:

(1)v-html会替换掉节点中所有的内容,{{xxx}}则不会

(2)v-html可以识别html结构

3、严重注意:v-html有安全性问题

(1)在网站上动态渲染任意HTML是非常危险的,容易导致XSS攻击

(2)一定要在可信的内容上使用v-html,永远不要用在用户提交的内容上

v-cloak(没有值)

1、本质是一个特殊属性,Vue实例创建完毕并接管容器后,会删掉v-cloak属性

2、使用css配合v-cloak可以解决网速慢时页面展示出{{xxx}}的问题

v-once:

1、v-once所在节点在初次动态渲染后,就视为静态内容了

2、以后数据改变不会引起v-once所在结构的更新,可以用于优化性能

v-pre:

1、跳过其所在节点的编译过程

2、可利用它跳过:没有使用指令语法、没有使用插值语法的节点,会加快编译

相关推荐
张3蜂6 小时前
CSRF Token:网络应用安全的关键防线——深度解析与实战指南
前端·安全·csrf
IT_陈寒7 小时前
Redis 性能骤降50%?这5个隐藏配置陷阱你可能从未注意过
前端·人工智能·后端
躺着听Jay7 小时前
【1267 - Illegal mix of collations 】mysql报错解决记录
java·linux·前端
真上帝的左手7 小时前
24. 前端-js框架-Electron
前端·javascript·electron
毛发浓密的女猴子7 小时前
Git Pull 策略完全指南:Merge、Rebase、Fast-forward 深度对比
前端
夏小花花7 小时前
<editor> 组件设置样式不生效问题
java·前端·vue.js·xss
PieroPC7 小时前
用 nicegui 3.0 + sqlite3 做个简单博客
前端·后端
weixin_307779137 小时前
Jenkins Ioncions API 插件:现代化图标库在持续集成中的应用
java·运维·开发语言·前端·jenkins
兔子零10247 小时前
零硬件交互:如何用纯前端把摄像头变成 4000 个粒子的魔法棒?
前端·算法
北辰alk7 小时前
Vue Router 组件内路由钩子全解析
前端·vue.js