01-邂逅Vue

1、初步了解Vue

Vue是一个渐进式的框架,什么是渐进式的呢?

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

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

• 解耦视图和数据
• 可复用的组件
• 前端路由技术
• 状态管理
• 虚拟DOM
  学习Vueis的前提是什么呢?
  从零学习Vue开发,并不需要你具备其他类似于Angular, React,甚至是jQuery的经验。但是你需要具备一定的HTML, CSS, JavaScript基础。

**Vue API：https://cn.vuejs.org/v2/api/#%E9%80%89%E9%A1%B9-%E6%95%B0%E6%8D%AE

2、Vue中的MVVM

**MVVM：View(视图层)、 Model(数据层)、 VueModel(视图模型层)

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

3、Vue的生命周期