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)可以通过程序的运算来修改某个变量的值,并且影响页面的展示。