当前位置: 首页 > article >正文

【VUE 指令学习笔记】

v-bind :单向绑定解析表达式,可简写为:xxx
v-model :双向数据绑定。
v-for:遍历数组/对象/字符串
v-on:绑定事件监听,可简写为@。
v-if:条件渲染(动态控制节点是否存存在)
v-else:条件渲染(动态控制节点是否存存在)
v-show:条件渲染(动态控制节点是否展示)
v-text指令:
1.作用:向其所在的节点中渲染文本内容。
2.与插值语法的区别:v-text会替换掉节点中的内容,{{xx}}插值语法则不会。
v-html指令:
1.作用:向指定节点中渲染包含html结构的内容。2.与插值语法的区别:
(1).v-htm1会替换掉节点中所有的内容,{{xx}}插值语法则不会。
(2).v-htm1可以识别htm1结构。
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.可利用它跳过:没有使用指令语法、没有使用插值语法的节点,会加快编译。

在这里插入图片描述


http://www.kler.cn/a/473138.html

相关文章:

  • MacBook Linux 树莓派raspberrypi安装Golang环境
  • 中国科技统计年鉴EXCEL版(2021-2023年)-社科数据
  • PHP进阶-在Ubuntu上搭建LAMP环境教程
  • 杭州市有哪些大学能够出具论文检索报告?
  • EXCEL: (二) 常用图表
  • 【问题】配置 Conda 与 Pip 源
  • Linux/Ubuntu/银河麒麟 arm64 飞腾FT2000 下使用 arm64版本 linuxdeployqt 打包Qt程序
  • MySQL进阶突击系列(05)突击MVCC核心原理 | 左右护法ReadView视图和undoLog版本链强强联合
  • 红黑树详解
  • 极客公园创新大会探索AI未来,Soul App创始人张璐团队以技术驱动创新
  • 百济神州后端开发工程师 - 部分笔试题 - 解析
  • spark——RDD算子集合
  • 标题统计C++
  • Spring Security使用指南
  • 代码随想录 链表 test 6
  • 东京大学联合Adobe提出基于指令的图像编辑模型InstructMove,可通过观察视频中的动作来实现基于指令的图像编辑。
  • Selenium 进行网页自动化操作的一个示例,绕过一些网站的自动化检测。python编程
  • 『 Linux 』高级IO (三) - Epoll模型的封装与EpollEchoServer服务器
  • C#里对已经存在的文件进行压缩生成ZIP文件
  • FPGA车牌识别
  • 基于需求文档、设计文档、测试用例的测试答疑助手
  • 用Portainer实现对Docker容器的管理(四)
  • 深度学习与计算机视觉 (博士)
  • 【JAVA基础】Collections方法的具体使用方法
  • 计算机网络 笔记 物理层
  • 【递归与分治】Leetcode23:合并K个升序链表