Vue2官网教程笔记

1. 基础用法 可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。 v-model 

1.v-on 监听事件 可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。 示例： 2. v-on的事件处理方法 然而许多事件处理逻辑会更为复杂，所以直接把 J

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

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

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

1. 计算属性(computed) 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如： 在这个地方，模板不再是简单的声明式逻辑。你必须看一

Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML，所以能被遵循规范的浏览器和 HTML 解析

1.创建一个 Vue 实例 每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的： 虽然没有完全遵循 MVVM 模型，但是 Vue 的设计也受到了它的启发。因此在文档中经常会使用

1. Vue.js 是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视

1. 直接用 <script> 引入 直接下载并用 <script> 标签引入，Vue 会被注册为一个全局变量。 在开发环境下不要使用压缩版本，不然你就失去了所有常见错误相关的警告! 开发版本包含完整