vue项目心得(复盘)

在编写项目过程中,首先是接手一个需要优化的项目,需要查看vue.config.js环境配置地址,确认好测试地址后进行开发,目前在开发过程中,遇到的最多的问题就是关于组件间的,

组件间传值

1、父组件异步传值,导致子组件没有收到参数,从而导致在不同的生命周期中console.log均可以打印出正常的数据,唯独在渲染的时候,会发现数据是空的。解决办法,异步操作时用async,await,或者在组件渲染中添加v-if。

2、以及在开发过程中,对于父子组件的层级,以及在处理数据的过程中判断失误,总是会导致应该写在父组件里的一些方法,会写在子组件里,为了避免改好的子组件牵一发而动全身,会把子组件处理好的参数传递给父组件

       需要添加方法或者是操作组件的时候,要看清楚虽然是处理数据,但是数据的流向是指向哪个组件,以免舍近求远。

3.在祖父子三个层级中,父组件有两个兄弟组件,其中父组件层级中的一个组件影响其他两个数据的改变,捋了一遍,发现是数据传递的过程中先传给父组件然后再传给的两个兄弟组件

你可能感兴趣的:(vue.js,javascript,前端)