v-bind页面和浏览页面,在console中输入:app.$data.my_color = "red",就可以看到对应的文字颜色变成了红色,点击变颜色也会发生颜色变化

v-on用于触发事件  

v-on后面可以接HTML的标准事件。例如:

  1. click(单击鼠标左键)
  2. dblclick(双击鼠标左键)
  3. contextmenu(单击鼠标右键)
  4. mouseover(指针移到有事件监听的元素或其子元素内)
  5. mouseout(指针移出元素,或者移到其子元素上)
  6. keydown(键盘动作:按下任意键)
  7. keyup(键盘动作:释放任意键)

注意:v-on可以简写,v-on:click 往往会写成@click,v-on:dblclick,也会写成@dblclick,读者看代码的时候要注意。

model往往用来做“双向绑定”(two way binding)。双向绑定的含义如下:

(1)可以通过表单(用户手动输入的值)来修改某个变量的值。

(2)可以通过程序的运算来修改某个变量的值,并且影响页面的展示。