vue项目开发中的小坑不坑的问题

本文分享了在Vue项目开发中遇到的常见问题及解决方案,包括组件间通信、数据更新、v-model与.sync的合理使用,以及文件上传的注意事项。

在此记录项目中遇到的小坑不坑的问题

  • 不相连的组件之间方法触发使用 Vue.$on Vue.$emit ,此处切记使用同一个Vue对象,例如import { eventUpdate } from '@/libs/event.js'
  • 数据连接, arr1 = arr1.concat(arr2)
  • 某些时候数据变化但是页面未重新渲染的时候,原因可能是因为层级太深,监控不到,可以使用 this.myDeepData = [...this.myDeepData]
  • 善于使用组件的v-model 和 .sync,对应vm.$emit('input', xxx) 和 vm.$emit('update:xxx', xxx)可以解决很多问题
  • chrome + nodejs + multer 实现文件上传的时候,后端接收的数据是有顺序的,记得把文件放在最后。
  • Vue 中watch先于created触发的原因:添加了immediate属性

转载于:https://juejin.im/post/5cf616266fb9a07ec27b8fdc

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值