JavaWeb开发思维导图之——Vue常用指令(69)

一 概述

  • 概念
  • 常用指令

二 内容详情

2.1 概念

  • 1-带有v-前缀的特殊属性,不同指令含义不同。例如v-html,v-if,v-for
  • 2-使用时,通常编写在标签的属性上,值可以使用js表达式

2.2 常用指令

  • 1-v-html: 把文本解析为html代码
  • 2-v-bind: 为html标签绑定属性值
  • 3-v-if/v-else/v-else-if: 条件渲染指令
  • 4-v-show: 根据条件展示某元素,区别在于切换的是display的属性值
  • 5-v-for: 列表渲染,遍历容器的元素或对象属性
  • 6-v-on: 为html标签绑定事件
  • 7-v-model: 在表单元素上创建双向数据绑定

三 思维导图

javaweb-xmind-vue-cmd-2