Vue.js基础指令、基本介绍

特点

• 易用
• 灵活
• 高效

渐进式是什么意思

• 声明式渲染 Declarative Rendering
• 组件系统 Component System
• 客户端路由器 Client-Side Routing
• 大规模状态管理 Large Scale State Management
• 构建工具 Build System

Vue基础指令介绍

• v-model 表单内使用（文本框输入以后，模型也会改变，反之模型改变之后，文本框也会改变）
• v-text 文本的渲染，和双大括号{{ }}一个意思，双大括号在第一次渲染时可能会被显示，所以一般用v-text
• v-show 控制DOM的显示/隐藏，相当于display的功能，DOM存在
• v-if 控制显示/隐藏，如果不满足，则整个DOM不存在
• v-bind 绑定属性，给DOM元素添加属性（如：在图片渲染过程中，如果图片地址是动态的，则通过v-bind绑定src属性，进而给src赋值）
• v-for 是一个循环，主要用于表格，
• 标签，数组
• v-on 事件绑定
• 过滤器filter 对接口返回的字段进行转换
• 组件Component 把一个网页拆成小的组件，进行组件在不同页面的复用