vue 快速入门 系列
2023-02-18 16:38:09 时间
vue 快速入门(未完结,持续更新中...)
前言
为什么要学习 vue
现在主流的框架 vue、angular 和 react 都是声明式操作 DOM 的框架。所谓声明式,就是我们只需要描述状态与 DOM 之间的映射关系,就可以将状态渲染成视图。状态到视图的转换,框架会帮我们做,不需要我们手动去操作 DOM。我们只需要关注状态的维护,而不用再关心 DOM 的操作。
笔者想通过 vue 来探索一下这其中的奥秘。
vue 是什么
Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。
所谓渐进式,就是你可以一步一步、有阶段的使用 vue,不必一开始就使用所有的东西。
本系列的目的
本系列不是替代 vue 官网,vue 官网中有 vue 最好的学习教程。本系列只是从另一个角度来阐述:
- vue 是什么
- vue 的实现原理是什么?比如数据侦测是如何实现的
- vue 中涉及的一些概念是什么?比如指令、过滤器
- vue 的一整套全家桶又是什么,如何使用?
Tip: 本系列关于源码分析所涉及的代码都出自 vue.esm.js,版本为 v2.5.20。无关代码有一些删减。中文注释都是笔者添加。
目录
- 初步认识 vue
- vue 的基础应用(上)
- vue 的基础应用(下)
- 原理 - 侦测数据的变化 - [基本实现]
- 原理 - 侦测数据的变化 - [vue 源码分析]
- 原理 - 侦测数据的变化 - [vue api 原理]
- 原理 - 虚拟 DOM
- vue loader 上
- vue loader 下
- vue loader 扩展
- vue-cli 上
- vue-cli 下
- Vue-Router 基础
- Vuex 基础
- 使用 vue-cli 3 搭建一个项目(上)
- 使用 vue-cli 3 搭建一个项目(下)
- 原理 - 模板
- 原理 - Vue(自身) 项目结构
- 原理 - 实例方法(或 property)和静态方法
- 原理 - Vue 实例的初始化过程
相关文章
- HttpClient 在vivo内销浏览器的高并发实践优化
- electron 应用开发优秀实践
- Redis 定长队列的探索和实践
- 基于微前端qiankun的多页签缓存方案实践
- 从RabbitMQ平滑迁移到RocketMQ技术实战
- 服务器内存故障预测居然可以这样做!
- 推荐系统-协同过滤在Spark中的实现
- vivo官网APP全机型UI适配方案
- 工作流引擎在vivo营销自动化中的应用实践 | 引擎篇03
- RocketMQ之消费者启动与消费流程
- CSS Houdini:用浏览器引擎实现高级CSS效果
- Lepton 无损压缩原理及性能分析
- 从0到1建设智能灰度数据体系:以vivo游戏中心为例
- 一种跳板机的实现思路
- Elasticsearch 在地理信息空间索引的探索和演进
- 剖析 SPI 在 Spring 中的应用
- vivo 容器集群监控系统架构与实践
- 如何在Vue项目中,通过点击DOM自动定位VScode中的代码行?
- vivo大规模 Kubernetes 集群自动化运维实践
- 探究Presto SQL引擎(3)-代码生成