VUE
Sandrahh
一个默默无闻的前端小菜鸡
展开
-
前端项目搭建与调试
一.VsCode安装与使用1.1下载VsCodeVS Code的当前版本为1.61,支持Windows,Ubuntu,Machttps://code.visualstudio.com/Download1.2 安装VS Code的安装比较简单,一直下一步即可。安装完成后打开,界面如下:1.3 Vscode的简单介绍搜索,如果资源管理器文件过多,可通过输入内容查询1.4 扩展,搜索内容后安装需要的插件,长使用的插件为配置类插件Beautity:格式化代码工具,美化JavaScript,原创 2021-10-15 16:56:17 · 644 阅读 · 0 评论 -
解析 DOM 模板时的注意事项
解析 DOM 模板时的注意事项有些 HTML 元素,诸如 、、 和 ,对于哪些元素可以出现在其内部是有严格限制的。而有些元素,诸如 、 和 ,只能出现在其它某些特定的元素内部。这会导致我们使用这些有约束条件的元素时遇到一些问题。例如:<table> <blog-post-row></blog-post-row></table>这个自定义组件 会被作为无效的内容提升到外部,并导致最终渲染结果出错。幸好这个特殊的 is attribute 给了我原创 2021-07-06 17:39:34 · 194 阅读 · 0 评论 -
VUE中避免 v-if 和 v-for 用在一起
避免 v-if 和 v-for 用在一起永远不要把 v-if 和 v-for 同时用在同一个元素上。一般我们在两种常见的情况下会倾向于这样做:1.为了过滤一个列表中的项目 (比如 v-for=“user in users” v-if=“user.isActive”)。在这种情形下,请将 users 替换为一个计算属性 (比如 activeUsers),让其返回过滤后的列表。2.为了避免渲染本应该被隐藏的列表 (比如 v-for=“user in users” v-if=“shouldShowUser原创 2021-07-06 16:37:19 · 378 阅读 · 0 评论 -
vue表单中对数据的转换
在VUE开发项目时,下拉框的label为标签名,value用于区分选择的状态,在表示0,1,2表示下拉字段的状态为离线、在线、故障,主要用于和后端数据交互方便,给表字段传入这个option时,需要对数据进行formatter转换才能在表格里展示对应的离线、在线、故障字段formatter是格式化的意思,也就是以何种形式呈现的意思,对于一个纯文本,我可以将它呈现为checkbox,也可以呈现为input输入框,甚至下拉框等等,或者是在文本外层包裹更多的DOM(当然包裹这样做并没有多大意义),这就是forma原创 2021-06-23 10:55:06 · 823 阅读 · 0 评论 -
filter/map/reduce高阶函数
高阶函数编程范式:面向对象编程(第一公民:对象)/函数式编程(第一公民:函数)filter/map/reducefilter中的回调函数·有一个要求:必须返回一个Boolean值true:当返回true时,函数内部会自动将这次会掉的n加入到新的数组中false:当返回false时,函数内部会过滤掉这次的nconst nums=[10,20,111,222,444,40,50]let total=nums.filter(n=>n<100).map(n=>n*2).reduce(原创 2020-08-19 13:38:28 · 114 阅读 · 0 评论