5.指令系统-事件

1.v-on

　　--事件绑定

　　绑定一个点击事件showHanlder()

　　

　　　　初始赋值

 

　　

　　　　

 

　　methods声明事件，点击改变文字

　　　　　　

2.v-model

　　--v-model 指令用来在 input、select、textarea、checkbox、radio 等表单控件元素上创建双向数据绑定，

　　　　根据表单上的值，自动更新绑定的元素的值。

　　　　　　

　　　　　　msg的值绑定到input 和 p标签中 

   　　　　　　

 

　　　　　　 

　　双向数据绑定实现的方式：

　　　　　　

　　　　

 　　　　　　@input 绑定事件

 　　　　　

 　　　　实现方式就是changeHandler监听input值，msg模板渲染