vue 指令2

搬过砖的程序猿
74 阅读1分钟

事件绑定指令

image.png

通过v-on绑定事件

需要在method节点中声明

image.png

实现效果： 每次点击按钮count都自增 1 image.png

v-on简写形式

image.png

事件对象event

image.png e.target.style.backgroundColor = nowBgColor === 'red' ? 'blue' : 'red'注意 ：判断条件后必须重新赋值给事件对象指向的背景色

事件传参

image.png

解决传参被覆盖问题

加$符号即可 image.png

事件修饰符

image.png

按键修饰符

image.png

双向指令绑定

image.png

image.png

条件渲染指令

image.png

image.png

image.png

列表渲染指令

image.png

用括号来添加多个循环项数据

image.png

用key维护列表的状态

image.png

key的注意事项

image.png

avatar
文章
阅读
粉丝