近年来,前端框架层出不穷,作为一个刚入门的前端学习者,业余时间也学习了一下vue.js,本着对学习知识的回顾和自己对Vue.js的理解,现将自己学习vue.js的知识总结如下:
简介:
Vue是一个前端的MVVM框架,具有,易用、灵活、高性能的特性。在github上,已有超高的star,其主要吸收了,Angular.js和React.js等等js库或框架的优点,摒弃了其缺点,是目前我个人认为比较好用的js框架(或库),再结合未来JavaScript标准ES6(即,ECMAScript 2015)语法编写代码,配合使用vue的脚手架工具vue-cli和webpack构建工具,可以是你的前端应用开发变得,高效高性能高质量。
基本概念汇总(详细使用请参考官网案例):
实例
选项: data,computed,methods,watch,created,mounted,updated,destroyed,components
插值
(1) {{}}
(2) v-text
(3) {{{}}}
(4) v-html指令
(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) 自定义指令过滤器
(1) 内置过滤器
(2) 自定义过滤器Class,Style
- 过渡
组件
(1) 全局组件
(2) 局部组件插件:
(1) vue-router
(2) vuex
(3) vue-resource
未完成,待续中……
学习来源:
- 中文官网
- Vue.js专业中文社区
- 《Vue.js权威指南》
- 《Vue2实践揭秘》
- 《Vue.js前端开发 快速入门与专业应用》