Aer_7z的博客

记录一下学习Vue中的列表渲染v-for，只用写一行的html标签就可以根据多行的数据展示出多行标签

介绍了条件渲染、v-show和v-if，v-else-if、v-else以及如何保证不破坏DOM结构的情况下消除多行同样的v-if、v-show语句

简单记录Vue框架学习中class样式的绑定和style样式的绑定方法。

介绍了Vue框架中的侦听属性watch，加上immediate和deep配置

简单记录Vue框架学习中的计算属性，并且通过差值语法、methods、computed撰写同一个案例感受计算属性。

描述scroll滚动条事件和wheel鼠标滚轮事件，以及二者的不同

简单介绍一下Vue中的键盘事件，为keydown和keyup事件绑定按键。

在前文提到了“事件处理”后，我们可以为标签绑定事件，事件也存在着六种修饰符，称为事件修饰符。它们分别是：prevent、stop、once、capture、self、passive，这些标签具有不同的功能，可以为事件叠加事件修饰符使用。前三个常用，后三个了解就好。

记录Vue框架中事件处理的方式。

简单记录MVVM模型数据代理在Vue框架中的体现

本人介绍了Object.defineProperty函数的使用，可以对变量新增属性，增加查询和设置该属性时的变化

本文记录了Vue实例中el和data这两个配置属性的两种写法

使用v-model就可以实现数据的双向绑定，也就是input输入框中的数据会影响Vue实例中的数据，Vue实例中的数据也会影响Input输入框中的数据。标签中的数据和Vue实例中的数据是单向绑定的，Vue实例中的对应数据改变会带着标签中的数据改变，但是标签中的数据改变则不会带着Vue实例中的数据改变。效果：修改v-model的数据会改变Vue实例中的数据，进而带动单向数据绑定的v-bind输入框一起变化。效果：修改Vue实例中的数据会改变v-model的数据，也会改变v-bind输入框的数据。

http://是使用的网络通讯协议，后面跟着的www.baidu.com分别是三段域名（以点分割），每一段域名会对应于一个IP地址，就像电话簿里的一个姓名对应一个电话一样（不考虑一个人有多个电话的情况）。我们实际上是使用IP地址访问网站的。

插值语法一般用于标签体中，当针对标签的里面的时候，例如标签属性，就可以使用指令语法。通过v-bind将这个属性动态绑定，将""字符串内的作为js表达式。在标签中想让属性动态变化的时候，不能使用插值语法。v-bind也可以简写为。需要写成类似这样的代码。"这里是name的值"

本文主要介绍如何搭载vue的开发环境。通过下载vue的开发者版本，在通过下载开发者调试工具消除警告。

现在将data写成对象（之后会写成函数）。这样即可使用制定语法建立数据关联，改变data中name的，即可将Vue实例链接的容器中的name的数值。Vue中大括号内的是配置对象，也可以写成js表达式（表达式会产生一个值，例如函数，因为函数具有返回值），如。，使用css选择器字符串是推荐的，而且建议使用id选择器），将div的容器和Vue实例建立关联。如果使用类选择器的el来选择容器，一个实例无法解析多个容器，选择排在代码前方的容器。多个实例选择同一容器，但一个容器无法连接多个实例，容器对应的实例先到先得。