vuejs--v-bind--v-on--v-model
v-bind页面和浏览页面,在console中输入:app.$data.my_color = "red",就可以看到对应的文字颜色变成了红色,点击变颜色也会发生颜色变化
v-on用于触发事件
v-on后面可以接HTML的标准事件。例如:
- click(单击鼠标左键)
- dblclick(双击鼠标左键)
- contextmenu(单击鼠标右键)
- mouseover(指针移到有事件监听的元素或其子元素内)
- mouseout(指针移出元素,或者移到其子元素上)
- keydown(键盘动作:按下任意键)
- keyup(键盘动作:释放任意键)
注意:v-on可以简写,v-on:click 往往会写成@click,v-on:dblclick,也会写成@dblclick,读者看代码的时候要注意。
model往往用来做“双向绑定”(two way binding)。双向绑定的含义如下:
(1)可以通过表单(用户手动输入的值)来修改某个变量的值。
(2)可以通过程序的运算来修改某个变量的值,并且影响页面的展示。
![]()




