我的前端开发技巧

1、绑定的事件在该vue文件找不到可以去minix里面看看

之前项目找绑定的事件,找半天没找到,恰巧这就是minix的缺点之一,事件和数据来源不明,组件可以调用混入的方法,使用混用的数据,混用的也可以调用组件的方法,太乱了~

2、git是可以开辟一个新的暂存空间

你正在改代码,但是需要拉取线上的,此时你又不想提交一些未开发完成的代码(仅提条开发完成的代码),这时你可能需要用到一些命令,git stash 和 git stash pop

3、v-if

v-if也可以用来解决缓存问题,列入两个弹窗来回切换里面的数据却没有更新,那么可以用v-if来促使重新渲染

4、vuex匿名空间使用

只有一个状态仓库,东西可能会太多,用起来很乱,可以使用匿名空间

this.$store.commit('searchReport/SET_CHECK_POS', position)   //search为vuex的名字,SET_CHECK_POS为此vuex下面的方法

5、数据

数据为加载状态时,一先看接口发送方式,二看接口请求结果是否处理,三看请求接口数据结果是否处理正确

6、vue3中的$bus

vue3使用$bus,搭配mitt.js使用,用起来方便

7、vue3生成二维码

二维码搭配qrcode.vue使用,下载–引入–使用
https://github.com/scopewu/qrcode.vue/blob/HEAD/README-zh_cn.md

<qrcode-vue value="www.baidu.com" :size="120" level="H"></qrcode-vue>

8、Object.assign

在操作数组的时候,Object.assign([1,2,3],[4,5]) 会合并为[4,5,3]
也可以用来克隆对象,Object.assign({},{name:‘tjq’,age:‘18’})

9、vue.observable

项目如果是小型项目可以用Vue.observable来替代vuex,observable是vue自带的一个小型状态管理


版权声明:本文为tjq11111原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。