sunwugang - 博客园

Vue学习笔记24--收集表单数据

摘要： Vue收集表单数据总结： <input type="text"/>，则v-model收集的是value值，用户输入的就是value值。 <input type="radio"/>，则v-model收集的是value值，且要给标签配置value值。 <input type="checkbox"/> 没阅读全文

posted @ 2024-02-29 15:53 sunwugang 阅读(25) 评论(0) 推荐(0)

Vue学习笔记23--监视数据总结

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

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

Vue学习笔记22--列表排序

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>列表排序</tit 阅读全文

posted @ 2024-02-28 16:19 sunwugang 阅读(38) 评论(0) 推荐(0)

Vue学习笔记21--列表过滤(watch属性过滤 + computed属性过滤)

摘要：列表过滤--监听属性过滤 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti 阅读全文

posted @ 2024-02-28 15:51 sunwugang 阅读(38) 评论(0) 推荐(0)

Vue学习笔记20--key的原理

摘要： react、vue中key的作用(key的原理？)：虚拟DOM中key的作用： key是虚拟DOM对象的标识，当张贴中的数据发生变化时，vue会根据--新数据，生成新的虚拟DOM，随后vue进行新虚拟DOM与旧虚拟DOM的差异比较。比较规则如下：对比规则旧虚拟DOM中找到了与新虚拟DO 阅读全文

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

Vue学习笔记19--列表渲染

摘要：总结： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>列表渲染< 阅读全文

posted @ 2024-02-27 17:45 sunwugang 阅读(20) 评论(0) 推荐(0)

Vue学习笔记18--条件渲染

摘要：条件渲染总结： v-if 写法： v-if="表达式" v-else-if="表达式" v-else="表达式" 适用于：切换频率较低的场景特点：不展示DOM元素直接被移除注意：v-if可以和v-else-if、v-else一起使用，但要求其结构不能被“打断”——即，中间不能有其他元素 v-sh 阅读全文

posted @ 2024-02-27 16:54 sunwugang 阅读(19) 评论(0) 推荐(0)

Vue学习笔记17--监视属性 + 计算属性

摘要：监视属性和计算属性对比：computed和watch之间的区别计算属性computed能完成的功能，watch都可以完成监听属性watch能完成的功能，computed计算属性不一定能完成，例如：watch可以进行异步操作两个重要小原则：所被Vue管理的函数，最好写成普通函数，这样this的阅读全文

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

Vue学习笔记16--监视属性watch + 深度监视 + 监视简写

摘要：监视属性watch 示例一： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> < 阅读全文

posted @ 2024-02-26 17:26 sunwugang 阅读(74) 评论(0) 推荐(0)

Vue 学习笔记15--用户代码片段

摘要： { // Place your 全局 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and // description. Add comma separated i 阅读全文

posted @ 2024-02-26 14:41 sunwugang 阅读(14) 评论(0) 推荐(0)

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

公告