草庐IT

全家福

全部标签

Vue3.0 全家桶 – Pinia状态管理(十四)

1.什么是Pinia呢?Pinia(发音为/piːnjʌ/,如英语中的“peenya”)是最接近piña(西班牙语中的菠萝)的词;Pinia开始于大概2019年,最初是作为一个实验为Vue重新设计状态管理,让它用起来像组合式API(CompositionAPI)。从那时到现在,最初的设计原则依然是相同的,并且目前同时兼容Vue2、Vue3,也并不要求你使用CompositionAPI;Pinia本质上依然是一个状态管理的库,用于跨组件、页面进行状态共享(这点和Vuex、Redux一样);2.Pinia和Vuex的区别image.png3.如何使用Pinia?1.使用Pinia之前,我们需要

Vue3.0 全家桶 – Pinia状态管理(十四)

1.什么是Pinia呢?Pinia(发音为/piːnjʌ/,如英语中的“peenya”)是最接近piña(西班牙语中的菠萝)的词;Pinia开始于大概2019年,最初是作为一个实验为Vue重新设计状态管理,让它用起来像组合式API(CompositionAPI)。从那时到现在,最初的设计原则依然是相同的,并且目前同时兼容Vue2、Vue3,也并不要求你使用CompositionAPI;Pinia本质上依然是一个状态管理的库,用于跨组件、页面进行状态共享(这点和Vuex、Redux一样);2.Pinia和Vuex的区别image.png3.如何使用Pinia?1.使用Pinia之前,我们需要

分享 15 个 Vue3 全家桶开发的避坑经验

[图片上传失败...(image-a199bd-1659195036496)]最近入门Vue3并完成3个项目,遇到问题蛮多的,今天就花点时间整理一下,和大家分享15个比较常见的问题,基本都贴出对应文档地址,还请多看文档~已经完成的3个项目基本都是使用Vue3(setup-script模式)全家桶开发,因此主要分几个方面总结:Vue3ViteVueRouterPiniaElementPlus一、Vue31.Vue2.x和Vue3.x生命周期方法的变化文档地址:https://v3.cn.vuejs.org/guide/composition-api-lifecycle-hooks.htmlVue

分享 15 个 Vue3 全家桶开发的避坑经验

[图片上传失败...(image-a199bd-1659195036496)]最近入门Vue3并完成3个项目,遇到问题蛮多的,今天就花点时间整理一下,和大家分享15个比较常见的问题,基本都贴出对应文档地址,还请多看文档~已经完成的3个项目基本都是使用Vue3(setup-script模式)全家桶开发,因此主要分几个方面总结:Vue3ViteVueRouterPiniaElementPlus一、Vue31.Vue2.x和Vue3.x生命周期方法的变化文档地址:https://v3.cn.vuejs.org/guide/composition-api-lifecycle-hooks.htmlVue

prometheus+ Grafana监控全家桶

在调研监控工具,之前一直用的zabbix很平稳(从没出过问题),监控内容大概有系统级别的cpu、内存、硬盘之类的,也有服务的运行情况、elasticsearch、hive、kafka的lag等等,但有几个问题没法解决:1、zabbix没法监控flink(虽然可以通过api调用方式,但flink指标有几百个一个一个加,并且zabbix机制为一个一个指标取的,极其麻烦和低效)2、jvm级别的es、spring、kafka等运行情况不好获取3、取kafka数据时,我们有n多topic对应又有n多groupid来消费,如果要取一遍所有信息,zabbix也是只能一个一个取(当然后边发现有模板的方式也可以

prometheus+ Grafana监控全家桶

在调研监控工具,之前一直用的zabbix很平稳(从没出过问题),监控内容大概有系统级别的cpu、内存、硬盘之类的,也有服务的运行情况、elasticsearch、hive、kafka的lag等等,但有几个问题没法解决:1、zabbix没法监控flink(虽然可以通过api调用方式,但flink指标有几百个一个一个加,并且zabbix机制为一个一个指标取的,极其麻烦和低效)2、jvm级别的es、spring、kafka等运行情况不好获取3、取kafka数据时,我们有n多topic对应又有n多groupid来消费,如果要取一遍所有信息,zabbix也是只能一个一个取(当然后边发现有模板的方式也可以