sunwugang - 博客园

Vue学习笔记34--组件(局部注册 + 全局注册)

摘要：组件：实现应用中--局部--功能--代码--和--资源--的集合（组件就是一块砖，哪里需要，哪里搬）模块理解：向外提供特定功能的js程序，一般就是一个js文件为什么：js文件很多很复杂作用：复用js，简化js的编写，提高js运行效率组件理解：用来实现局部特定功能效果的代码集合(html、阅读全文

posted @ 2024-03-06 10:25 sunwugang 阅读(129) 评论(0) 推荐(0)

Vue学习笔记33-生命周期

摘要：示例一： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>引入生命阅读全文

posted @ 2024-03-05 17:04 sunwugang 阅读(16) 评论(0) 推荐(0)

Vue学习笔记32--自定义指令--对象式

摘要： Vue学习笔记32--自定义指令--对象式总结： 1.autofocus属性，用于input自动获取焦点 2.directives指令中 this 是指 window 3.vm 中使用directives进行自定义指令，为局部指令 4.全局指令和全局过滤器类似，应在vm之外使用 directive 阅读全文

posted @ 2024-03-05 14:55 sunwugang 阅读(40) 评论(0) 推荐(0)

Vue学习笔记31--自定义指令--函数式

摘要： 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 阅读(9) 评论(0) 推荐(0)

Vue学习笔记30--v-pre

摘要： 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 阅读(24) 评论(0) 推荐(0)

Vue学习笔记29--v-once

摘要： v-once v-once 也是一个不需要表达式的指令，作用是定义它的元素或组件只渲染一次，包括元素或组件的所有子节点。首次渲染后，不再随数据的变化重新渲染，将被视为静态内容。 v-once 指令可以用于任何元素或组件，并在绑定数据后，将其内容标记为一次性的，不再响应数据的更新。用法如下：<s 阅读全文

posted @ 2024-03-01 11:38 sunwugang 阅读(48) 评论(0) 推荐(0)

Vue学习笔记28--v-cloak

摘要： 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 阅读(15) 评论(0) 推荐(0)

Vue学习笔记27--v-html

摘要： 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 阅读(12) 评论(0) 推荐(0)

Vue学习笔记26--v-text

摘要： v-model <input name="chbsex" type="radio" value="male" v-model="sex"> <input id="txtnum" type="text" v-model.trim="account"> <input type="number" v-mo 阅读全文

posted @ 2024-02-29 18:24 sunwugang 阅读(14) 评论(0) 推荐(0)

Vue学习笔记25--过滤器(日期格式化)

摘要：日期格式化日期格式化插件： https://www.bootcdn.cn/ moment.js、day.js(轻量级moment.js) 插件用法：双击day.js==>复制链接并访问==》另存为dayjs.min==》项目中引用 https://github.com/iamkun/dayjs/b 阅读全文

posted @ 2024-02-29 18:16 sunwugang 阅读(135) 评论(0) 推荐(0)

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

公告