vue学习02--处理用户输入(v-on/v-model/v-show/v-text/v-html)

1、处理用户输入

为了让用户和你的应用程序进行交互，我们可以使用 

v-on

 指令 来增加事件监听器，触发事件后会调用 Vue 实例中 methods 下定义的方法：



效果如下图：


       


                   


2、Vue 还提供了 

v-model

 指令，使得表单输入和应用程序状态之间的双向绑定变得轻而易举：



3、

v-show

也是条件渲染指令，和v-if指令不同的是，使用

v-show

指令的元素始终会被渲染到HTML，它只是简单地为元素设置CSS的style属性。



4、

v-text

和

v-html

有区别；v-text相对于innerHTML，而v-text相当于innerText。效果如下