vue2 指令1 内容渲染 属性绑定 表达式 v-on指令及传参

一，内容渲染指令

v-text  ：

<p v-text="username"></p>

　　

 使用v-text会覆盖原内容，使用不多

差值表达式：{{}}

 

v-html:

   渲染成真正的html内容

 

二，属性绑定

　　v-bind:

　　　　结合元素的属性

 

除下列方法，还可以   :placeholder =  'tips'  简写写法

 

 

 

 

 三，表达式

 

　　tips = 请输入

 

　　反转后是 '入输请'

 

　　

　　在使用 v-bind 属性绑定期间，如果绑定内容需要进行动态拼接，则字符串的外面应该包裹单引号，

 四，v-on：

　　Dom元素事件监听

　　　　v-on:click="add" 

　　

 

       

 

 传参：

 

 

 

 v-on简写：

　　@click="add" 

常用：

v-on:click、v-on:input、v-on:keyup