Vue入门知识（1）

1、Vue.js的介绍

Vue 是一套用于构建用户界面的渐进式框架。它的模式是基于mvvm(model-view-viewmodel-model)编写的，这个大家学了之后就会很有体会，首先我们传统的模式都是基于mvc模式，这两种模式差异很大，mvvm模式极大地方便了前端代码的编写，这一块到时候会在我的文章内细讲，与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。


个人使用体会：Vue能够快速搭建前端脚手架，同时能够整合很多第三方插件，从而不用自己写很多前端需要的炫酷的功能，比如我们可以引入vue-awesome-swiper（原生app的轮播效果），Animate.css（炫酷的样式效果），jquery，bootstrap（前端框架），velocity.js（炫酷的动画效果）等等，总之vue给我们整合了很强大的代码，极大程度上减少了自己编码，而自己只要专注于数据和逻辑代码的编写，用着很舒服。

2.Vue的特性

轻量级的框架
双向数据绑定
指令
插件化

3.Vue.js的生命周期钩子（很有用，可能现在觉得有点枯燥，但是是必须要掌握的）

大家可以根据看几张图方便理解，总之钩子就是在vue的不同阶段执行不一样的函数，而如果自己掌握了这些函数，就可以很方便的去操作后期的编码，实现不一样的效果。

4.Vue.js的常用指令

上面用到的v-model是Vue.js常用的一个指令

v-text
v-html
v-show
v-if
v-else
v-else-if
v-for
v-on
v-bind
v-model
大家可以去学习一下这些基础的语法先，都是很简单的，只要稍有编程基础，都是不成问题的，大家努力！