当前位置: 首页 > Web前端 > HTML5

vue项目中遇到的坑和感悟

时间:2023-04-05 14:56:46 HTML5

使用keep-alive封装的组件/路由,created打开一次后只会执行一次,有两种情况,第一,如果要重新渲染一些数据,你可以在激活的Do处理中使用它;2.重新创建路由/组件,可以使用官方推荐的:key="key",然后更改key的值,组件会在RouteEnter之前重新挂载,组件中下一个函数的执行时间为mounted之后这里需要处理的数据,需要注意的是网页刷新时vuex数据会丢失。需要配合localStorage或sessionStorage使用,需要的数据先存储后取回。对于权限和不确定的路由,可以使用addRoutes()来避免Jitter熟练使用es6的数组map、find、filter等方法,在解构赋值、类继承、promise、async和await中使用computed代替watches7。Computed依赖于数据属性的变化,通过props值缓存和传递,不要在子组件中改变。开发中,如果直接更改props,一是基本类型的值会报错,二是引用类型的值不会报错,但很难追踪到数据的变化。很多人不太注意引用类型,可以用computed或者watch去改变data中调用方法的方法,可以在data中定义letself=this,然后用self.xx()调用.在开发过程中,条条大路通罗马,但需要考虑哪条路是最好的路。如何少写冗余代码,优化性能,才是我们需要考虑的。2019.05.08开始,每天进步一点点,持续更新中...