![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
经验
JingG459
加油!
展开
-
vue中Render函数使用介绍
一、前言 我刚在官网上研究了半天有关render的文档,我总结一下我个人的理解。render函数跟 template 一样都是创建 html 模板的,但是有些场景中用 template 实现起来代码冗长繁琐而且有大量重复,这时候就可以用 render 函数,render函数更接近编译器。配合官方文档,总结一下我的心得二、render 拿官网的例子为例 ,通过父传子level,动态生成标题<template> <div...原创 2021-11-18 21:01:59 · 1208 阅读 · 0 评论 -
React 中 hooks 的使用
关于hooks的详解+(封装倒计时组件)原创 2021-11-17 20:26:48 · 1787 阅读 · 0 评论 -
react 项目配置 eslint
react项目中配置eslint原创 2021-11-17 18:44:50 · 1634 阅读 · 0 评论 -
为什么避免 v-if 和 v-for 用在一起
在官方文档中明确指出v-for和v-if不建议一起使用。原因:v-for 比 v-if 具有更高的优先级,每一次都需要遍历整个数组,造成不必要的计算,影响性能,即使100个list中只需要使用一个数据,也会循环整个数组。解决方案: 一、在其父元素上进行v-if判断,在内部执行v-for循环 二、如果条件出现在循环内部,可通过计算属性computed提前过滤掉那些不需要显示的项computed: { list () ...原创 2021-11-07 14:15:13 · 949 阅读 · 0 评论 -
怎么捕获 Vue 组件的错误信息?
总结以下几点如何捕获Vue组件的错误信息一、使用errorCaptured 当捕获一个来自子孙组件的错误时被调用。此钩子会收到三个参数:错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。此钩子可以返回false以阻止该错误继续向上传播。二、使用errorHandler 为全局钩子,使用 Vue.config.errorHandler 配置,接收参数与 errorCaptured 一 致,2.6 后可捕捉 v-on 与 promise 链的错误,可用于统一错误处理与错误兜底...原创 2021-11-06 21:00:51 · 3347 阅读 · 0 评论 -
怎么在组件中监听路由参数的变化?
最近在项目中遇到路由监听,现总结以下两种方式:一、在watch按照如下规则书写即可watch: { '$route' (val, old) { // 当前路由 console.log(val) // 上一个路由 console.log(old) }}二、在路由导航守卫时监听beforeRouteUpdate (to, from, next) { //这里监听},...原创 2021-11-06 20:50:26 · 736 阅读 · 0 评论 -
vue中 v-if 和 v-show 的区别及用法
一、作用在vue项目中很多时候都需要用到显示和隐藏,v-if 和 v-show 都是用来控制动态显示或影藏 DOM 元素的二、区别1、v-showv-show只是通过控制css中的display属性来控制他的显示或隐藏; v-show只是简单的基于css切换 v-show是在任何条件下都被编译,然后被缓存,而且DOM元素保留;2、v-ifv-if 控制元素显示或隐藏是把dom元素整个的渲染或者删除,如果删除,也就是页面中不存在这个dom元素,以此达到隐藏的效果; ...原创 2021-11-05 18:59:49 · 623 阅读 · 0 评论 -
vue项目打包发布上线
vue项目开发完成后,我们需要将项目打包上线,同时我们希望可以在本地预览生产环境项目(以vue-cli脚手架生成的项目为例)一、运行打包命令npm run build//一般情况如果不改的话都是build运行后生成 dist 文件夹...原创 2021-11-03 22:22:49 · 825 阅读 · 0 评论 -
ABCD选项的排序方式
Array.prototype.sort()的排序稳定性排序稳定性(stablesorting)是排序算法的重要属性,指的是排序关键字相同的项目,排序前后的顺序不变。const arr = [ 'peach', 'straw', 'apple', 'spork'];const stableSorting = (s1, s2) => { if (s1[0] < s2[0]) return -1; return 1;};arr.sort(stable...原创 2021-11-02 22:02:33 · 2232 阅读 · 0 评论 -
项目错误点,难点总结
1.当vue项目中出现,只想显示单选框或者复选框,而不想被点击时可以在el-checkbox-group上绑定:value属性,这个时候就是单向显示了<el-checkbox-group :value="checkedCities"> <div v-for="city in list.options" :key="city.id"> <el-checkbox :label="city.code">{{ city.title }}&...原创 2021-10-31 22:17:16 · 132 阅读 · 0 评论 -
vue项目实现图片上传到腾讯云
1.事前准备通过“npm i cos-js-sdk-v5 ”下载“cos-js-sdk-v5 ”,然后在做图片上传的组件里,通过“import COS from 'cos-js-sdk-v5' ”引入“cos-js-sdk-v5. ”1.1下载依赖包npm i cos-js-sdk-v5 --save1.2 封装一个具有上传功能的组件我这里结合element-ui中的 来进行封装的(官网cv)show-file-list: 是否显示上传的文件列表 action...原创 2021-10-29 16:37:38 · 759 阅读 · 0 评论