Vue笔记 (一) Vue简介、MVVM、Vue生命周期

Vue简介

Vue（读音 /vjuː/，类似于 view）是一个渐进式的框架，什么是渐进式：

渐进式意味着你可以将 Vue 作为应用的一部分嵌入其中，带来更丰富的交互体验，或者如果你希望将更多的业务逻辑使用Vue实现，那么Vue的核心库以及其生态系统（比如：Core+Vue-router+Vuex）也可以满足你各种各样的需求

Vue 有很多特点和Web开发中常见的高级功能：

• 解耦视图和数据
• 可复用的组件
• 前端路由技术
• 状态管理
• 虚拟DOM

Vue安装

方式一：直接CDN引入

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">script>

<script src="https://cdn.jsdelivr.net/npm/vue">script>

方式二：下载和引入

• 开发环境：https://vuejs.org/js/vue.js
• 生产环境：https://vuejs.org/js/vue.min.js

方式三：NPM 安装

# 最新稳定版
$ npm install vue

什么是MVVM

MVVM框架理解及其原理实现

• View 层：视图层，在前端开发中，通常就是 DOM 层，主要的作用是给用户展示各种信息
• Model 层：数据层，数据可能是我们固定的死数据，更多的是来自我们服务器，从网络上请求下来的数据
• ViewModel 层：视图模型层，视图模型层是 View 和 Model 沟通的桥梁，一方面实现了 Data Binding（数据绑定），将 Model 的改变实时的反应到 View 中，另一方面它实现了 DOM Listener（DOM监听），当 DOM 发生一些事件（点击、滚动、touch 等）时，可以监听到，并在需要的情况下改变对应的 Data

MVC 和 MVVM 的区别

MVC、MVP、MVVM模式的概念与区别

MVC:
MVVM:

Vue的生命周期