js中相似语法一二
2025-03-26 本文已影响0人
微点
a(){}与a:()=>{}的区别。
都是js函数,一个是普通函数的简写,一个是构造函数,因前端任务重而繁杂,出现了很多方法与语法糖,用以以最简单的方式到达目的,所以出现了简写版本,钩子函数还有很多简写版,如()=>({})自动返回结果,item=> 自动返回结果等,其中,使用最频繁的当属普通函数的简写表达式,这个能识别调用的对象,并引用对象中的信息,而钩子函数只能绑定创建时外层的this,比如实例化的vue,后面不管谁来调用,this都将指向实例化的vue,且无法改变。
vuex也出现了很多语法糖,比如mapState,mapGetter等,这是vuex提供的方法,只要传入模块文件名,第二个参数传入方法名即可,调用直接使用方法名。
next,路由导航守卫,可以传参,与routerlinke的to用法一样。
this.$watch或this.$store.watch监听vuex的数据变化。