一、完整目录结构

plaintext

src/
├── router/
│   ├── index.js           # 主路由配置
│   ├── mobileRoutes.js    # 移动端路由
│   └── pcRoutes.js        # PC端路由
├── views/
│   ├── mobile/            # 移动端视图
│   │   ├── Home.vue
│   │   ├── Product.vue
│   │   └── Cart.vue
│   └── pc/                # PC端视图
│       ├── Home.vue
│       ├── Product.vue
│       └── Cart.vue
├── utils/
│   ├── device.js          # 设备检测工具
│   └── storage.js         # 本地存储工具
├── App.vue
└── main.js                # 入口文件

作者 | huangfuyk

责编 | 王晓曼

出品 | CSDN 博客

VUE的生命周期钩子函数：就是指在一个组件从创建到销毁的过程自动执行的函数，包含组件的变化。可以分为：创建、挂载、更新、销毁四个模块。

注：在组件的整个生命周期内，钩子函数都是可被自动调用的，且生命周期函数的执行顺序与书写的顺序无关。

图示：

背景

微服务是目前java主流架构，微服务架构技术栈有，服务注册中心，网关，熔断限流，服务同学，配置中心等组件，其中，熔断限流主要3个功能特性，限流，熔断，快速失败。Sentinel是阿里开源的熔断限流组件，sentinel dashboard是演示级别，表现在metrics采集是单机版，metrics存储存在内存，不支持分布式，高可用，因此需要改造。

序言：

日志服务器是企业中重要的一环，它可以从各种设备和应用程序中收集日志，并将它们归档、过滤和分析。可以帮助管理员快速诊断和解决问题，同时也可以帮助企业满足安全合规性要求（一般要求日志保存180天）。之前介绍的Kiwi Syslog Server 和今天介绍的Syslog Watcher都是其中的佼佼者。