Vueday01②

事件修饰符

①.stop 阻⽌冒泡事件
②.capture 添加事件捕获模式
③.self 当事件作⽤于本身的时候触发
④.once 只触发⼀次 
⑤.prevent 阻⽌默认事件

数据双向绑定 （表单控件）

①原理：(重点) 
        通过数据劫持结合发布订阅模式的⽅式来实现的，通过Object.defineProperty()来劫持 各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调来 渲染视图。 
②指令 v-model 

样式的使⽤

1、class 
        ①数组 
        ②三⽬表达式 
        ③对象 
        ④数组内置对象 
2、style 
        ①对象 
        ②数组内置对象 
        ③函数返回值

v-for

1、遍历数组 
2、遍历对象 
3、遍历数字 
4、key 
        ①必须是唯⼀值 
        ②必须是数字或者字符串 
        ③作⽤：提⾼重排效率，就地复⽤ 

v-if和v-show

相同点：都可以进⾏元素的隐藏
不同点：v-if通过删除DOM元素进⾏隐藏，v-show通过display:none进⾏ 隐藏 
应⽤场景：v-if⽤于少次的切换，v-show应⽤于频繁切换 

WebStorm快捷方式

翻译 shift + ctrl + x 
补全标签 tab 
代码格式化 ctrl + alt + l 
搜索 ctrl + f 
全局搜索 ctrl + shift + r