1. 概述

Vue是一款流行的JavaScript框架，旨在构建交互式的现代Web应用程序。它采用MVVM模式，将视图层和数据模型分离，通过响应式数据绑定实现数据和视图的同步更新。Sue具有简洁、灵活的语法，支持指令、计算属性、事件处理、组件化开发等特性，使前端开发更加高效和可维护。Vue还提供了虚拟DOM技术，通过最小化DOM操作来提高性能。其生态系统丰富，包括Vue Router用于构建单页面应用、Vuex用于状态管理等工具。

1.1 Soc关注点分离原则：

SOC（Separation of Concerns）关注度分离原则是指将代码分为不同的关注领域，每个领域专注于特定的任务。在Vue中，这通常体现在将模板（视图）、数据（模型）和行为（控制器）分离开来，使得代码更易于维护和理解。通过组件化开发，Vue鼓励将UI组件、数据处理逻辑和交互行为分离，以提高代码的可复用性、可维护性和可测试性。这种关注度分离原则有助于开发人员更好地管理和组织复杂的前端应用程序。

系统中的一个部分发生了变化，不会影响其他部分。
即使需要改变，也能够清晰地识别出那些部分需要改变。
如果需要扩展架构，将影响最小化，已经可以工作的每个部分都将继续工作。
渐进式框架：

大概意思就是你可以只用我的一部分,而不是用了我这一点就必须用我的所有部分。

Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。

HTML + CSS + JS : 视图：给用户看，刷新后台给的数据。

网络通信： axios

页面跳转： vue-router

状态管理：vuex

Vue-UI : ICE , Element UI