前端的错误问题总结

操作	使用
handler参数变量判定问题	vue中 watch中的handler参数变量不可以直接用于判空,需要使用$.isEmptyObject进行判断空
watch监控对象问题	vue中 想要给data新增对象,需定义一个第三方变量,将需要创建的属性都赋值完成后再将第三方变量赋值给data,否则可以造成watch监控不到其变化
保留对象key	Object.keys({key:"zsj"}) js将对象中只保留key,不保留值,形成数组返回
保留对象的值	Object.values({key:"zsj"})js将对象中只保留值,不保留key,形成数组返回
数组过滤元素	arr.filter(e=>e != null)js将对象中只保留值,不保留key,形成数组返回
寻找数组中的元素	arr.find(e=>e === "zsj")js在数组中查找值,找到直接返回其元素
forEach循环	js中的遍历使用的是forEach而不是foreach
axios请求的异步性	axios发送的为异步请求,如果后续代码想要在相应后完成就只能放在响应体后
vue中的导入导出	通过export和export default可以将当前js中定义的变量或方法导出,再其他需要使用的地方使用import导入即可,export可以一次导入多次,而export default只能一个. 具体示例
+function ($) { }(window.jQuery)	立即执行函数
vue中使用驼峰命名组件	在驼峰处添加一个-分隔,例: lyTop ==> <ly-top/>
vue中导入本地组件	import router from './router'导入本地组件因为地址中有./
vue中导入已全局安装的组件	import Vuetify from 'vuetify'如文件目录下没有此文件,那么该组件就为已安装的组件
vue中导入css	import '/index.css';
vue.use()的含义	使用方式
Vue中原型的使用	Vue.prototype.$qs = qs;表示在任意vue实例中都可以使用this.$qs来调用
axios的post请求	发送的数据类型并非form表单类型,所以需要配合qs.stringify(param)将数据格式转换
js中使用箭头函数具有指向问题	在调用箭头函数前使用变量进行赋值
arr.every()	用于判断数组是否合法
this.$set()	用于值的赋值,此方式给对象或者数组赋值后vue监听到,普通方式无法监听到
this.$router.push({path:“page_list”,query:{test:666}});	用于跳转vue时附带url参数
this.$route与this.$router	this.$route为当前页面的路由对象,this.$router为所有路由对象
表单清空	this.$refs.表单名.resetFields()
vue路由restful风格传参	{path: ‘/page_list:id’, component: page_list,name:“页面列表”} ,在列表中直接通过'/page_list:/1,再使用this.$route.params.id获取