| 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获取 |
