组合式api与响应式api

组合式api,将功能从对象中抽离并放在composition api中,用户可以通过解构方式引入,并组合搭配,来实现特定需求,代表框架有:vue3,react的hooks。

  响应式api,以特定的框架结构,将不同功能代码放在对应键值中,给框架识别与提取,代表框架有:vue2,微信小程序,uniapp等。

  vue2/3的出现,将组合式api发扬广发,被前端工程师所熟悉,一个20到30多kb的文件,就能将响应式与监听,组件化编程推向一线前沿,翻新并直接改变现有编程思想,使得响应式编程成为主流开发模式,彻底告别原始的刀劈火种,神仙打架的蛮荒时代。

  极简的迁移成本与适配度,和良好的开发体验,使得世面上几乎所有插件,不约而同地将适配vue作为首要选择,将其作为推广渠道主要选择,这得益于它的社区庞大,与新生插件一日千里,十分丰富多样。

  其中,开发选型中,最为著名的当时vue2时代的axios,vuerouter,vuex等,vue3时代的axios,vuerouter,pinia。

  axios是基于promise的http请求库,它能链式请求接口并连续处理后续逻辑,在使用它时,只需axios.create创建axois实例,指明url,超时时间,请求数据格式即可,然后定义通过use方法定义请求拦截器与响应拦截器,请求拦截器中检查请求数据,比如token超时时间,过期则跳转到登录界面,响应拦截器中统一处理提示与是否放行,统一通用逻辑片段。

vuerouter,路由导航插件,通过new vewRouter创建一个路由实例,在其中定义base路由前缀,访问方式,mode:history,默认为hash访问,还有abs…。

  history,通过浏览器自带的api,pushState添加新记录,以方便回退,replaceState替换url中调#,以看起来更加美观,然后是路由规则,以集合与对象来定义跳转逻辑,每个对象中有path,跳转路径,component,要跳转的页面,comlonent中以箭头函数来定义则为懒加载,用到才会加载模块,meta,元标签,里面可以定义当前路由特定标识,以区分当前路由,以便特殊处理,比如是否鉴权,auth,直接在beforeRoute中引入即可,to,去哪里,from,从哪里来,next,放行,并可以指定跳转地址,参数等。

  路由守卫一般用于鉴权,菜单获取,路由获取与权限获取,并放在router中,形成单页面跳转单页面应用程序。

  vuex,用于存储数据,并全局使用,matations,用以提交数据,通过commit更新state中的数据,方便追踪数据变化,active调用接口,并通过dispatch调用matations中的方法,以更新数据,为了简化matations出现。

可以通过…mapState()来引用中央仓库。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容