vue学习 - 前言

vue学习 - 前言

最近在做一个项目，需要前后端全栈支持，正好重新学一遍vue。之前用vue2写过项目，目前vue最新版本是3，所以打算整体迁移过来，直接使用最新版本进行开发。

UI框架继续使用ElementUI,不过最新的ElementUI好像也有新版本，叫Element-plus。所以也同样使用最新的版本。

vue3:https://cn.vuejs.org/

Element-puls:https://element-plus.org/zh-CN/

首先了解了一下vue3大概的内容(按我之前的了解)，包含：

• 开发环境安装配置

• 开发调试服务运行

• 模板语法（响应式）

• 属性，方法定义

• 条件渲染，列表渲染语法

• 事件处理

• 生命周期

• 监听器

• 模板引用、嵌套

• 组件

• 依赖注册

• 自定义指令

• 路由

• 状态管理

当然vue的功能不止这些，但是了解这些可以写出一个基本的项目了，如果有特殊需要，再深入了解高级功能。

我是按照实际项目开发所需要的功能进行按需学习的。vue自己的官方文档本身写的已经很好了，基本vue的每一块都有说到。不过我认为官方文档没有把每个知识点很好的串起来说一遍，或者在实际工程中是如何综合使用的。包括如何跟vue-router配合，如何跟axios很好的结合使用，状态管理如何在实际场景中应用等。

---

项目包括的技术

一个后台管理平台，涉及到前端需要有的功能有 登录也，信息列表查看，分页，搜索，详情展示，信息修改(表单)，状态消息提示，页面路由，登录态，接口调用，全局状态，全局事件等。

实现步骤

• 开发环境安装

• 整体页面框架设计

• 登录功能及登录态管理

• 路由管理

• 列表管理

• 信息维护管理

• 全局事件和消息提示

---

参考资料:

• https://cn.vuejs.org/

• Vue Router | Vue.js 的官方路由

• 一个 Vue 3 UI 框架 | Element Plus

• https://www.axios-http.cn/