项目开发问题汇总
项目开发问题
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博客