【无标题】Vue指令（超详细）限时免费

什么是指令

• 在vue中提供了一些对于页面 + 数据的更为方便的输出,这些操作就叫做指令, 以v-xxx表示
  • 类似于html页面中的属性 `<div v-xxx ></div>

• 比如在angular中 以ng-xxx开头的就叫做指令
• 在vue中 以v-xxx开头的就叫做指令
• 指令中封装了一些DOM行为, 结合属性作为一个暗号, 暗号有对应的值,根据不同的值，框架会进行相关DOM操作的绑定

内置指令

文本渲染 属性渲染

示例

  条件渲染

 示例

列表渲染指令 

示例

 

 

 v-for与v-if同时使用

内联处理 

示例

事件

 

 指令修饰符

computed计算

 

 

 监听

 

 

 

 内置指令directives

 

 

 

 小结