认真专注自信自律

1.基本实例 在典型的Vue应用中，我们使用单个文件组件而不是字符串模板。 组件时带有名称的可复用实例，可以把组件作为一个根实例中的自定义元素来使用 因为组件是可复用的组件实例，所以它们与根实例接收相

1.基础用法 你可以用v-model指令在表单input、textarea及select元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但v-model本质上不过是

1.监听事件 我们可以使用v-on指令（通常缩写为@符号）来监听DOM事件，并在触发事件时执行一些JavaScript。用法为v-on:clicl="methodName"或者使用快捷方式@click

1.用v-for把一个数组对应为一组元素 我们可以用v-for指令基于一个数组来渲染一个列表。v-for指令需要使用item in items形式的特殊语法，其中items是源数据数组，而item则是

1.v-if v-if指令用于条件性地渲染一块内容，这块内容只会在指令的表达式返回truthy值的时候被渲染。也可以用v-else添加一个“else 块”。 1.1在template元素上使用v-if

操作元素的class列表和内联样式是数据绑定的一个常见需求。因为它们都是attribute，所以我们可以用v-bind处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且容易出错，因

1.计算属性 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的，在模板中放入太多的逻辑会让模板过重且难以维护。 因此对于任何包含响应式数据的复杂逻辑，都应该使用计算属性 声明计算属性 像普通

1.Data Property 组件得data选项是一个函数。Vue在创建新组件实例得过程中调用此函数。它应该返回一个对象，然后Vue会通过响应性系统将其包裹，并以$data得形式存储在组件实例中。为

Vue.js使用了基于HTML的模板语法，允许开发者声明式地将DOM绑定至底层组件实例的数据。 在底层实现上，Vue将模板编译成虚拟DOM渲染函数。结合响应性系统，Vue能够智能地计算出最少需要重新渲