2021-03-03

v-on的语法糖就是@
事件监听的时候，调用某种方法不需要传参数，就不需要加（）
在我们时间定义的时候，写函数省略了小括号
如果函数需要参数，如果没有传入就是undefined
vue会默认将浏览器产生的event时间对象作为参数传入到方法中。
比如我们在采用的时候需要两个参数。
@click=“btn3Click（123，event）”
下面是
btn3Click（abc，event）{
console.log(abc)}
在调用方式的时候，如何通过手动的获取到浏览器参数的event对象：$event
上面写123为输入
如果写成abc会以为是一个变量。

v-on的修饰符
如何解决事件冒泡
就是增加stop的使用
比如在使用的时候@click.stop="btnclick"就会产生事件冒泡
submitClick可以没有默认提交的情况。、

.enter监听某个键盘的按键，就是enter的时候输入。
.once修饰符只能使用一次。
v-if =“true”就是这个东西要显示出来
v-if=“false”就是这个东西不要显示出来
根据true或者false表示显示或者没有显示出来

v-if和v-else的一起使用

在vue内部发现原来的input元素不再被使用，直接作为else中的input来使用。
可以写一个key=“”
如果一样就会复用
如果没有key就不会负用。

v-show
v-show的用法和v-if很像，就是决定要不要显示。
v-if当我们条件为false，包含v-if指令的元素，就不会存在在dom中
v-show当我们条件为false时，v-show只是给我元素增加了一个行内样式，display：none
当我们在切换和显示很频繁的时候选择v-show
如果我们切换频率不高，只有一次渲染的时候，通常采用v-if

循环遍历
v-for遍历对象
在遍历的过程中，如果只是获取一个值，那么获取的是value
如果想要获取key和value
（value,key）in object

(val, name, index) in object

v-for时，给对应的元素或者组件添加一个key属性。为了让我们更好的赋用。

diff算法可以正确识别此节点
找到正确的位置插入新的节点。
v-for遍历数组
数据发生变化的时候，数据会根据新的数据。因为数据是响应式的。
那些数组方法是响应式的。
不是所有的方法都是响应式的

pop()
shift()
unshift(0
splice()
sort()
reverse()