Vue2.0基础语法知识总结

Vue是一个MVVM的渐进式前端框架。
包括:

• 声明式渲染 Declarative Rendering
• 组件系统 Components
• 客户端路由 Vue-router
• 大规模状态管理 Vuex
• 构建工具 Webpack/Vue-cli
• 服务端通信 Axios

• v-model:主要是在表单元素的双向数据绑定中使用。比如文本框、下拉框、单选、复选、textarea等等。因为v-model是双向绑定的，所以文本框输入以后，模型也会发生改变。反之模型改变了文本框也会改变。

• v-text：主要用于文本的渲染。和{{}}功能一样。但是{{}}在第一次页面Vue木有初始化完成时，会显示{{}}字符。故文本渲染多用v-text。

• v-show：控制显示隐藏。不用艺v-if，使用v-show的情况下，dom是存在的。v-show通过指定CSS样式给元素添加display block或者display none进行控制。

• v-if：控制显示隐藏。如果if不成立，则整个dom不进行渲染，即不存在。

• v-bind：绑定属性。给一个dom元素添加属性。比如：在做图片的渲染过程中，如果图片的src地址是动态的，那么就可以利用v-bind去绑定src属性来实现src的赋值。

• v-for：循环。主要用于表格<li> 标签，去循环一个数组。

• v-on：事件绑定。(v-on:同等于@)

• filter : 过滤器。格式化数据。如后台返回金额19数字。页面显示：￥19.00元。

• component ：组件。在做单页面过程中使用多些。把每一个网页做成多个组件然后拼接。起到组件复用。如页面头部底部和轮播等。