欢迎莅临 SUN WU GANG 的园子!!!

世上无难事,只畏有心人。有心之人,即立志之坚午也,志坚则不畏事之不成。

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

2024年3月1日

摘要: Vue学习笔记-自定义指令 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t 阅读全文
posted @ 2024-03-01 15:38 sunwugang 阅读(3) 评论(0) 推荐(0) 编辑

摘要: v-pre指令: 1.跳过其所在节点的编译过程2.可利用v-pre跳过:没有使用指令语法、没有使用插值语法点节点,会加快编译。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" c 阅读全文
posted @ 2024-03-01 14:10 sunwugang 阅读(3) 评论(0) 推荐(0) 编辑

摘要: v-once v-once 也是一个不需要表达式的指令,作用是定义它的元素或组件只渲染一次,包括元素或 组件的所有子节点。 首次渲染后,不再随数据的变化重新渲染,将被视为静态内容。 v-once 指令可以用于任何元素或组件,并在绑定数据后,将其内容标记为一次性的,不再响应数据的更新。 用法如下:<s 阅读全文
posted @ 2024-03-01 11:38 sunwugang 阅读(10) 评论(0) 推荐(0) 编辑

摘要: v-cloak 总结:v-cloak(没有值): <br> 1.本质是一个特殊属性,Vue实例创建完毕并接管容器后,会删掉 v-cloak属性。<br> 2.使用css配合 v-cloak 可以解决网速慢时页面展示出{{xxx}}的问题 <!DOCTYPE html> <html lang="en" 阅读全文
posted @ 2024-03-01 11:28 sunwugang 阅读(3) 评论(0) 推荐(0) 编辑

摘要: 1.v-bind:单向绑定解析表达式,可简写为 :xxx 2.v-model:双向数据绑定 3.v-for:遍历数组、对象、字符串 4.v-on:绑定事件监听,可简写为 @ 5.v-if:条件渲染——动态控制节点是否存在 6.v-else:条件渲染——动态控制节点是否存在 7.v-show:条件渲染 阅读全文
posted @ 2024-03-01 10:52 sunwugang 阅读(2) 评论(0) 推荐(0) 编辑