资讯专栏INFORMATION COLUMN

vue项目中的遇到的坑和感悟

xumenger / 1818人阅读

摘要:如何少写冗余代码,优化性能,才是我们需要考虑的。始于,每天进步一点点,持续更新

使用keep-alive包裹的组件/路由,打开一次后created只会执行一次,有两种情况,一、如果要重新渲染部分数据,可以在activated中做处理;二、路由/组件重新重新created,可以使用官方推荐的:key="key" ,然后去改变key的值,组件就会重新挂载了

beforeRouteEnter中的next函数的执行时间是在组件mounted之后,因此需要在此处处理的数据要注意了

网页刷新时vuex数据会丢失,需配合localStoragesessionStorage使用,把必须数据先存后取

对于权限及不确定路由,可以使用addRoutes(),可以避免抖动

熟练使用es6的数组map、find、filter等方法,对解构赋值、class继承、promise,及es7中的async和await

使用computed替代watchcomputed依赖于data属性的更改,是有缓存的

通过props传递的值,不要在子组件去更改。开发中,如果直接更改props,一、基本类型的值会报错,二、引用类型的值不会报错,但是不好去追溯数据的更改,很多人不太注意引用类型,可通过computedwatch去更改

data里调用methods的方法,可以在data里定义let self = this,然后在使用self.xx()进行调用

在开发过程中,条条大路通罗马,但是要考虑哪条路是最优路径。如何少写冗余代码,优化性能,才是我们需要考虑的。

始于2019.05.08,每天进步一点点,持续更新···

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/59294.html

相关文章

  • vue项目中的遇到坑和感悟

    摘要:如何少写冗余代码,优化性能,才是我们需要考虑的。始于,每天进步一点点,持续更新 使用keep-alive包裹的组件/路由,打开一次后created只会执行一次,有两种情况,一、如果要重新渲染部分数据,可以在activated中做处理;二、路由/组件重新重新created,可以使用官方推荐的:key=key ,然后去改变key的值,组件就会重新挂载了 beforeRouteEnter...

    happyfish 评论0 收藏0
  • 微信小程序开发中遇到坑和解决办法

    摘要:和部分组件表现的差异微信最小化后正在播放的会暂停,需要再次点击播放按钮,如果视频设置的是不可控,没有开始播放按钮,视频暂停了就无法继续播放了,没有该问题。 1、原生组件的层级问题 video、canvas、camera等原生组件层级最高,其他组件无论z-index为多少,都无法覆盖在原生组件上。 这里拿video组件做示例,如果需要点击视频支持微信开放能力,例如授权手机号,获取用户信息...

    princekin 评论0 收藏0
  • 安装mitmproxy以及遇到坑和简单用法

    摘要:安装完之后查看版本命令行输入显示错误,这是因为操作系统不支持使用这个命令,我们可以使用或代替。发现需证书有问题,我们还需要安装提供的证书,要不抓包失败。安装证书浏览器输入然后根据你的手机系统进行安装即可。 mitmproxy 是一款工具,也可以说是 python 的一个包,在命令行操作的工具。 MITM 即中间人攻击(Man-in-the-middle attack) showImg(...

    baoxl 评论0 收藏0
  • JavaScript对象深拷贝/浅拷贝遇到坑和解决方法

    摘要:在以上讨论和研究结束后,同学向我推荐了一个库,测试了一下该库存在方法,实现深拷贝更为完整和精致,前文问题均没有在该方法内被发现,在这里提一波。 如果本文对您有任何帮助或者您有任何想要提出的意见或问题,请在本文下方回复,诚挚欢迎各位参与讨论,望各位不吝指教。原载自己的小博客 JavaScript对象拷贝遇到的坑和解决方法 | 手柄君的小阁,所以无耻地算原创吧 近期参与某集训,Java...

    atinosun 评论0 收藏0
  • H5 知识点 - 收藏集 - 掘金

    摘要:目录不要过度依赖一前端掘金毫无疑问,是一款非常优秀的库,它让我们开发项目变得更加便捷容易。但是作为一个前端工作者,我们肯定也希望在我们的网页里也能看到这么酷分钟搞定常用基础知识前端掘金基础智商划重点在实际开发中,已经非常普及了。 跨域解决方案总结 - 前端 - 掘金为什么需要跨域? 就得先知道同源策略. 同源策略 同源策略是为了保证数据的安全性,一个域的脚本不能去操作另外一个域的脚本的...

    frontoldman 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<