前端框架之Vue.js学习总结

近年来，前端框架层出不穷，作为一个刚入门的前端学习者，业余时间也学习了一下vue.js，本着对学习知识的回顾和自己对Vue.js的理解，现将自己学习vue.js的知识总结如下：

---

简介：

Vue是一个前端的MVVM框架，具有，易用、灵活、高性能的特性。在github上，已有超高的star，其主要吸收了，Angular.js和React.js等等js库或框架的优点，摒弃了其缺点，是目前我个人认为比较好用的js框架(或库），再结合未来JavaScript标准ES6(即，ECMAScript 2015)语法编写代码，配合使用vue的脚手架工具vue-cli和webpack构建工具，可以是你的前端应用开发变得，高效高性能高质量。

基本概念汇总(详细使用请参考官网案例)：

1. 实例

   选项: data,computed,methods,watch,created,mounted,updated,destroyed,components

2. 插值

   (1) {{}}
   (2) v-text
   (3) {{{}}}
   (4) v-html

3. 指令

   (1) 内置指令 ( v-text,v-html,v-model,v-if,v-else,
   v-else-if,v-show,v-for,v-bind/:,v-on/@,v-ref,v-el,v-pre,v-once,v-cloak)
   (2) 自定义指令

4. 过滤器

   (1) 内置过滤器
   (2) 自定义过滤器

5. Class,Style

6. 过渡

7. 组件

   (1) 全局组件
   (2) 局部组件

8. 插件：

   (1) vue-router
   (2) vuex
   (3) vue-resource

未完成，待续中……

---

学习来源：

1. 中文官网
2. Vue.js专业中文社区
3. 《Vue.js权威指南》
4. 《Vue2实践揭秘》
5. 《Vue.js前端开发 快速入门与专业应用》