初学VUE | 青训营笔记

69 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的第5天

1.什么是VUE

VUE是动态构建用户界面的渐进式JavaScript框架。

与其他重量级框架不同的是,Vue采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

2.VUE的特点

遵循MVVM模式
编码简洁,体积小,运行效率高,适合移动/PC端开发
它本身只关注UI,可以引入其它第三方库开发项目

3.MVVM的介绍

MVVM ===> M / V / VM

M:model数据模型

V:view视图

VM:ViewModel 视图模型

888.png

4.Vuex是什么

专门在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。

999.png

5.VUE与React

React与Vue有很多相似之处:

如他们都是JavaScript的UI框架,专注于创造前端的富应用。不同于早期JavaScript框架“功能齐全”,Reat与Vue只有框架的骨架,其他的功能如路由、状态管理等是框架分离的组件。

两者都是用于创建UI的JavaScript库

两者都快速轻便

都有基于组件的架构

都是用虚拟DOM

都可放入单个HTML文件中,或者成为更复杂webpack设置中的模块

都有独立但常用的路由器和状态管理库

他们之间也有很多不同之处:

监听数据变化的实现原理不同

数据流的不同

HoC和mixins

组件通信的区别

模板渲染方式的不同

渲染过程不同