IamHzc

2021年10月11日

摘要： ##ref属性 1.ref属性被用来给元素或子组件注册引用信息（id的替代者） 2.应用在html标签上获取的是真是的DOM元素 3.应用在组件上获取的是组件实例对象（VueComponent） <template> <div id="app"> <img alt="Vue logo" src=". 阅读全文

posted @ 2021-10-11 20:06 IamHzc 阅读(75) 评论(0) 推荐(0) 编辑

SpringBoot-LocalDateTime格式化处理

摘要： Java 8之后，日期类的处理建议使用java.time包中对应的LocalDateTime, LocalDate, LocalTime类。（参考Java8新特性）在Spring Boot中（验证版本：2.1.5.RELEASE），日期类的序列化格式可能不是自己所希望的，需要定义为自己的格式。有两阅读全文

posted @ 2021-10-11 10:50 IamHzc 阅读(486) 评论(0) 推荐(0) 编辑

2021年10月9日

vue2.x 中render函数解析

摘要： ##不同版本的Vue vue.js和vue.runtime.xxx.js的区别（1）vue.js是完整版的vue，包含：核心功能+模板解析器。（2）vue.runtime.xxx.js是运行版本的vue，只包含：核心功能。没有模板解析器。 vue.runtime.xxx.js没有模板解析器，所以阅读全文

posted @ 2021-10-09 16:04 IamHzc 阅读(81) 评论(0) 推荐(0) 编辑

Vue2.x index.html文件解析

摘要： <!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8">  <meta http-equiv="X-UA-Compatible" content=" 阅读全文

posted @ 2021-10-09 15:42 IamHzc 阅读(283) 评论(0) 推荐(0) 编辑

Vue - 单文件组件入门

摘要：创建其他组件，例如School.vue和Student.vue <template> <div> <h2>{{schoolName}}</h2> </div> </template> <script> export default { name:'School', data:{ schoolName 阅读全文

posted @ 2021-10-09 15:19 IamHzc 阅读(53) 评论(0) 推荐(0) 编辑

VueComponent

摘要： ##VueComponent 假设school是我们自定义的一个组件。 school组件本质是一个名为VueComponent的构造函数，且不是程序员定义的，是Vue.extend生成的。我们只需要写<school />或<school></school>，Vue解析时会帮我们创建school组件阅读全文

posted @ 2021-10-09 10:57 IamHzc 阅读(117) 评论(0) 推荐(0) 编辑

2021年10月6日

Vue事件修饰符

摘要： prevent: 阻止默认事件。 stop: 阻止事件冒泡。 once: 只触发一次。 capture: 使用事件的捕获模式。 self: 只有event.target是当前操作的元素时才会触发事件。 passive：事件的默认行为立即执行，无需等待事件回调执行完毕。阅读全文

posted @ 2021-10-06 11:08 IamHzc 阅读(51) 评论(0) 推荐(0) 编辑

Vue部分内置指令

摘要： ##v-text 作用：向其所在的节点中渲染文本内容。与插值语法的区别：v-text会替换掉节点中的内容，{{}}则不会。 ##v-html 作用：向指定节点中渲染包含html结构的内容。与插值语法的区别： (1) v-html会替换掉节点中所有的内容，{{}}则不会。 (2) v-html可以阅读全文

posted @ 2021-10-06 10:48 IamHzc 阅读(59) 评论(0) 推荐(0) 编辑

Vue过滤器

摘要： ##局部过滤器 <body> <div id="app"> {{message | upperFilter}}<br> {{nowTime | dateFormat}}<br> {{nowTime | dateFormat('YYYY-MM-DD')}} </div> </body> <script 阅读全文

posted @ 2021-10-06 10:24 IamHzc 阅读(32) 评论(0) 推荐(0) 编辑

2021年10月5日

Vue收集表单数据

摘要：若：<input type="text" />，则v-model收集的是value值，用户输入的就是value值。若：<input type="radio" />，则v-model收集的是value值，且要给标签配置value值。若：<input type="checkbox" /> （1）没有阅读全文

posted @ 2021-10-05 21:51 IamHzc 阅读(64) 评论(0) 推荐(0) 编辑

Vue监视数据的原理

摘要： vue会监视data中所有层次的数据。如何监测对象中的数据？通过setter实现监视，且要在new Vue时就传入要监测的数据。（1）对象中后追加的属性，Vue默认不做响应式处理。（2）如需给后添加的属性做响应式处理，请使用如下API： Vue.set(target,inde 阅读全文

posted @ 2021-10-05 21:18 IamHzc 阅读(68) 评论(0) 推荐(0) 编辑

Vue列表过滤

摘要：列表过滤： <script> const vm = new Vue({ data:{ keyWord:"", persons:[ {id:'1001',name:"张三",age:21}, {id:'1002',name:"张飞",age:21}, {id:'1003',name:"李四",age: 阅读全文

posted @ 2021-10-05 21:17 IamHzc 阅读(110) 评论(0) 推荐(0) 编辑

Vue条件渲染&列表渲染

摘要：条件渲染： v-if：适用于切换频率较低的场景；不展示的DOM元素直接被移除；可以和v-else-if v-else一起使用，但是结构不能被打断。 v-show：适用于切换频率较高的场景；不展示的DOM元素未被移除，仅仅是使用样式隐藏掉。列表渲染： <ul> <li v-for='(value,i 阅读全文

posted @ 2021-10-05 21:14 IamHzc 阅读(44) 评论(0) 推荐(0) 编辑

Vue class与style绑定

摘要： class绑定：字符串形式：样式的类名不确定，需要动态指定。 <div class="default" :class="style1"></div> 数组形式：要绑定的样式个数不确定，名字也不确定。 <div class="default" :class="array"></div> <scrip 阅读全文

posted @ 2021-10-05 21:13 IamHzc 阅读(33) 评论(0) 推荐(0) 编辑

Vue计算属性与监听属性

摘要：计算属性getter什么时候被调用？初次读取时。所依赖的数据改变时。计算属性写法： computed:{ full:{ get(){ return this.first+this.end; }, set(value){ } }, //简写,只读不写时使用 fullName(){ return 阅读全文

posted @ 2021-10-05 21:12 IamHzc 阅读(108) 评论(0) 推荐(0) 编辑

Loading

公告