项目开发问题汇总
项目开发问题
IDEA设置自定义折叠代码块
参考来源:
idea中如何自定义折叠代码块?_idea自定义折叠代码块-CSDN博客
开发技巧总结
- 先进行模块化注释,关键说明该模块作用,标明模块开始与结束作为标记 
- 使用IDEA中的ctrl+句号自定义收起模块内的区域,达到快速寻找的效果 
- 注意命名规范和开发复用 
CSS问题
响应式视口布局
https://blog.csdn.net/qq_35546787/article/details/107635368
JS问题
JS判断对象属性是否存在,是否包含某个属性
https://blog.csdn.net/thankseveryday/article/details/112169452
Ant-designed Vue组件库问题
表单动态增加列
antd 表格设置动态列(动态表头)_html_心若向阳(* ̄︶ ̄)-华为云开发者联盟
Vue3问题
Vue CLi与Vite区别
参考来源:
两套都是Vue工具链,Vue CLi是官方提供的基于Webpack的工具链,Vite是另一套轻量级,速度极快的工具链
Vue-Devtools插件调试
参考来源:
1. 教你使用Vue.js的DevTools来调试你的vue项目_vue devtools如何使用-CSDN博客
浏览器开发者插件
参考来源:Vue.js
单页应用和多页应用区别
参考来源:前端Vue篇之Vue 单页应用与多页应用的区别、对SPA单页面的理解,单页面优缺点分别是什么?_单页面应用-CSDN博客
nextTick函数
https://blog.csdn.net/2301_78542842/article/details/138894554
vue路由跳转
参考来源:
- router和route区别:Vue router和route区别 - 掘金 
- 路由页面参数接收:https://blog.csdn.net/qq_45740503/article/details/122941266 
vue中v-model和v-model:value有什么区别
在Vue中,v-model指令用于在表单上创建双向数据绑定。它会根据表单元素的类型自动选择正确的方式来更新数据。例如,对于文本框,它会监听 input 事件并将输入值赋给数据变量。
在某些情况下,我们可能需要使用不同的属性名称来更新数据。这时可以使用v-model指令的简写语法,即加上一个修饰符,例如v-model:value或v-model:checkbox。
- v-model: 默认情况下,- v-model会将- input或者- textarea组件的- value属性与 Vue实例中的数据属性进行双向绑定。
- v-model:value:这个指令与默认的- v-model指令的效果一样,只是在语法上使用了显式的值绑定。这样做是为了避免与组件上的- value属性冲突。
- v-model:checkbox:当表单元素是复选框时,我们可以使用- v-model:checkbox指令来实现双向绑定。它会将一个布尔值绑定到复选框的- checked属性上。
总的来说,v-model:value和v-model在功能上是一样的,只是v-model:value可以避免与组件的value属性冲突。而v-model:checkbox是专门用于绑定复选框的指令。
vue响应式proxy代理问题
参考:
Pointer events 指针事件
https://developer.mozilla.org/zh-CN/docs/Web/API/Pointer_events
采用reactive导致视图未更新问题
vue3 - 使用reactive定义响应式数据进行列表赋值时,视图没有更新的解决方案_vue3 reactive重新赋值不更新-CSDN博客