1.声明式渲染

• 采用简洁的模板语法声明式地将数据渲染进DOM系统，所有东西都是响应式的
• 除了文本插值，还可以绑定元素的attribute，其中v-bind attribute被称为指令，指令带有前缀v-，以表示它们是Vue提供的特殊attribute，它们会在渲染的DOM上应用特殊的响应式行为

2.处理用户输入

为了让用户和应用进行交互，我们可以用v-on指令添加一个事件监听器，通过它调用在实例中定义的方法。

• 在这个方法中，更新了应用的状态，但没有触碰DOM-所有的DOM操作由Vue处理，编写的代码只需要关注逻辑层面即可
• Vue提供v-model指令，能轻松实现表单输入和应用状态之间的双向绑定

3.条件与循环

控制切换一个元素是否显示也相当简单：

• 使用v-if绑定一个布尔值（不仅可以把数据绑定到DOM文本或attribute，还可以绑定到DOM的结构）
• Vue提供强大的过渡效果系统，可以在Vue插入/更新/移除元素时自动应用过渡效果
• 还有其他很多指令，每个都有特殊功能，例如v-for指令可以绑定数组的数据来渲染一个项目列表

4.组件化应用构建

组件系统是Vue的另一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。几乎任意类型的应用界面都可以抽象为一个组件树。

• 在Vue中，组件本质上是一个具有预定义选项的实例
• 在Vue中，注册组件很简单：如对App对象所做的那样创建一个组件对象，并将其定义在父级组件的components选项中
• 此外，注册组件时，修改组件定义，添加一个prop，使之能够将数据从父组件传入子组件，再使用v-bind指令将数据传到循环输出的每个组件中 设法将应用分割成更小的单元，子单元通过prop接口与父单元进行良好的解耦，可以进一步改进组件，提供更为复杂的模板和逻辑，而不会影响到父应用。在一个大型应用中，有必要将整个应用程序划分为多个组件，以使开发更易管理。

5.与自定义元素的关系

Vue组件与自定义元素非常类似，主要的不同在于：

• Vue组件的数据模型是作为框架的一部分而设计的，而该框架为构建复杂应用提供了很多必要的附加功能，例如响应式模板和状态管理。
• Vue也为创建和使用自定义元素提供了很好的支持