vue 学习 day01

1. 一
2. 如何定义一个基本的Vue代码结构
3. 插值表达式 和 v-text
   3 v-cloak 使用 v-cloak 能够解决 插值表达式闪烁的问题
4. v-html 渲染成网页
5. v-bind Vue提供的属性绑定机制 缩写是 :
6. v-on Vue提供的事件绑定机制 缩写是 @
8. 二在 VM实例中，如果想要获取 data 上的数据，或者想要调用 methods 中的 方法，必须通过 this.数据属性名 或 this.方法名 来进行访问，这里的this，就表示 我们 new 出来的 VM 实例对象
10. 三 事件修饰符
11. 使用 .stop 阻止冒泡 inner没执行 -->
    使用 .prevent 阻止默认行为@click.prevent -->
    使用 .capture 实现捕获触发事件的机制 -->
    使用 .self 实现只有点击当前元素时候，才会触发事件处理函数 -->
    使用 .once 只触发一次事件处理–>
    演示： .stop 和 .self 的区别 -->
    .self 只会阻止自己身上冒泡行为的触发，并不会真正阻止 冒泡的行为 -->

*v-model**
1.v-bind 只能实现数据的单向绑定，从 M 自动绑定到 V， 无法实现数据的双向绑定

2. v-model 指令，可以实现 表单元素和 Model 中数据的双向数据绑定
3. 注意： v-model 只能运用在 表单元素中，input(radio, text, address, email…) select checkbox textarea
5. **vue样式 class
   第一种使用方式，直接传递一个数组，注意： 这里的 class 需要使用 v-bind 做数据绑定 -->

这是一个很大很大的H1，大到你无法想象！！！

--> 在数组中使用三元表达式

这是一个很大很大的H1，大到你无法想象！！！

--> 在数组中使用 对象来代替三元表达式，提高代码的可读性 -->

这是一个很大很大的H1，大到你无法想象！！！

--> 在为 class 使用 v-bind 绑定 对象的时候，对象的属性是类名，由于 对象的属性可带引号，也可不带引号，所以 这里我没写引号； 属性的值 是一个标识符 -->**

---