Vue学习笔记1

Vue的基本命令说明：

v-bind：在vue中，提供的用于绑定属性的指令。

v-bind：可以简写成：+要绑定的属性。

v-html：渲染html。

Vue中提供了v-on：事件绑定机制。可简写成@。

在VM实例中，如果想要获取data上的数据，或者想要调用methods中的方法，必须通过this.数据属性名 或 this.方法名来进行访问，这里的this就表示我们new出来的VM实例对象。

事件修饰符：

.stop 阻止冒泡

.prevent 阻止默认事件

.capture 添加事件侦听器时使用捕获模式

.self 只在事件在该元素本身触发时触发回调

.once 事件只触发一次

.self和.stop的区别：.self只会阻止自己的触发。

v-bind只能实现数据的单向绑定，无法实现数据的双向绑定

v-model可以实现表单元素和model中数据的双向数据绑定，但是v-model只能用于表单元素中。

生命周期的概念：从vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件统称为生命周期。

过渡类名的使用

 .v-enter：进入之前，元素的起始状态，此时元素还没有进入

 .v-leave-to:是动画离开之后，离开的终止状态，此时元素动画已经结束。