2. Vue中的关键字

2. Vue中的关键字

这些关键字都是作为html中标签的属性

1. v-model  是将标签的value值与Vue实例中的data属性值进行绑定

    

1. v-on 通过具体的事件名,来绑定vue中的函数 无参

     

1. v-on 通过具体的事件名,来绑定vue中的函数 有参

      

 

1. v-on:input 监听事件

 

补充知识:

1. event.target.value:在响应函数里,可以使用event内置的参数对象. 该对象表示当前事件,可以通过event.target.value来获取当前事件对象的value的值
2. this: 在当前对象 ” new vue() ” 原生元素参数里可以使用this ,来调用Vue对象的属性和方法
3. v-on:input 可以简写为   @input

 

1. v-bind  属性绑定  v-bind 可简写为”  :  “

我们知道插值表达式时不能写在html的标签属性内的,那如果一定要用vue中的属性作为html标签属性的内容,那就通过v-bind进行属性绑定

 

(6) v-once 只获取一次数据

此时该标签中的插值表达式,只获取一次数据,之后的数据的变化不影响此插值表达式的值

    

(7) v-html和v-text的区别:

1. v-html 会将vue中的属性的值做为html的元素使用
2. v-text  会将vue中的属性的值作为纯文本使用