思维导图备注

Vue.js v2.x 官方教程
首页 白天 夜间 BookChat 小程序 小程序 阅读
  • 书签 我的书签
  • 添加书签 添加书签 移除书签 移除书签

条件渲染

 赞助Vue  来源:Vue官网 浏览 1083 扫码 分享 2022-01-05 21:49:48
  • 条件渲染

    条件渲染

    • v-if
    • v-show
    • v-if vs v-show
    • v-if 与 v-for 一起使用
    当前内容版权归 Vue官网 或其关联方所有，如需对内容或内容相关联开源项目进行关注与资助，请访问 Vue官网 .
    上一篇:
    下一篇:
    • 书签
    • 添加书签 移除书签
    • Vue.js v3.0 教程（Vue3 教程）
    • Vue.js v2.x 官方教程
    • Vue.js v2.x API 官方文档
    • 基础
      • 安装
      • 介绍
        • Vue.js 是什么
        • 起步
        • 声明式渲染
        • 条件与循环
        • 处理用户输入
        • 组件化应用构建
        • 准备好了吗？
      • Vue 实例
        • 创建一个 Vue 实例
        • 数据与方法
        • 实例生命周期钩子
        • 生命周期图示
      • 模板语法
        • 插值
        • 指令
        • 缩写
      • 计算属性和侦听器
        • 计算属性
        • 侦听器
      • Class 与 Style 绑定
        • 绑定 HTML Class
        • 绑定内联样式
      • 条件渲染
        • v-if
        • v-show
        • v-if vs v-show
        • v-if 与 v-for 一起使用
      • 列表渲染
        • 用 v-for 把一个数组对应为一组元素
        • 在组件上使用 v-for
        • 在 v-for 里使用对象
        • 维护状态
        • 数组更新检测
        • 对象变更检测注意事项
        • 显示过滤/排序后的结果
        • 在 v-for 里使用值范围
        • 在 <template> 上使用 v-for
        • v-for 与 v-if 一同使用
      • 事件处理
        • 监听事件
        • 事件处理方法
        • 内联处理器中的方法
        • 事件修饰符
        • 按键修饰符
        • 系统修饰键
        • 为什么在 HTML 中监听事件?
      • 表单输入绑定
        • 基础用法
        • 值绑定
        • 修饰符
        • 在组件上使用 v-model
      • 组件基础
        • 基本示例
        • 组件的复用
        • 组件的组织
        • 通过 Prop 向子组件传递数据
        • 单个根元素
        • 监听子组件事件
        • 通过插槽分发内容
        • 动态组件
        • 解析 DOM 模板时的注意事项
    • 深入了解组件
      • 组件注册
        • 组件名
        • 全局注册
        • 局部注册
        • 模块系统
      • Prop
        • Prop 的大小写 (camelCase vs kebab-case)
        • Prop 类型
        • 传递静态或动态 Prop
        • 单向数据流
        • Prop 验证
        • 非 Prop 的特性
      • 自定义事件
        • 事件名
        • 自定义组件的 v-model
        • 将原生事件绑定到组件
        • .sync 修饰符
      • 插槽
        • 插槽内容
        • 编译作用域
        • 后备内容
        • 具名插槽
        • 作用域插槽
        • 动态插槽名
        • 具名插槽的缩写
        • 其它示例
        • 废弃了的语法
      • 动态组件 & 异步组件
        • 在动态组件上使用 keep-alive
        • 异步组件
      • 处理边界情况
        • 访问元素 & 组件
        • 程序化的事件侦听器
        • 循环引用
        • 模板定义的替代品
        • 控制更新
    • 过渡 & 动画
      • 进入/离开 & 列表过渡
        • 概述
        • 单元素/组件的过渡
        • 初始渲染的过渡
        • 多个元素的过渡
        • 多个组件的过渡
        • 列表过渡
        • 可复用的过渡
        • 动态过渡
      • 状态过渡
        • 状态动画与侦听器
        • 动态状态过渡
        • 把过渡放到组件里
        • 赋予设计以生命
    • 可复用性 & 组合
      • 混入
        • 基础
        • 选项合并
        • 全局混入
        • 自定义选项合并策略
      • 自定义指令
        • 简介
        • 钩子函数
        • 钩子函数参数
        • 函数简写
        • 对象字面量
      • 插件
        • 使用插件
        • 开发插件
      • 过滤器
      • 渲染函数 & JSX
        • 基础
        • 节点、树以及虚拟 DOM
        • createElement 参数
        • 使用 JavaScript 代替模板功能
        • JSX
        • 函数式组件
        • 模板编译
    • 工具
      • 单文件组件
        • 介绍
        • 起步
      • 单元测试
        • 简单的断言
        • 编写可被测试的组件
        • 断言异步更新
      • TypeScript 支持
        • 发布为 NPM 包的官方声明文件
        • 推荐配置
        • 开发工具链
        • 基本用法
        • 基于类的 Vue 组件
        • 增强类型以配合插件使用
        • 标注返回值
      • 生产环境部署
        • 开启生产环境模式
        • 模板预编译
        • 提取组件的 CSS
        • 跟踪运行时错误
    • 规模化
      • 路由
        • 官方路由
        • 从零开始简单的路由
        • 整合第三方路由
      • 状态管理
        • 类 Flux 状态管理的官方实现
        • 简单状态管理起步使用
      • 服务端渲染
    • 深入响应式原理
      • 如何追踪变化
      • 检测变化的注意事项
      • 声明响应式属性
      • 异步更新队列
    • 迁移
      • 从 Vue 1.x 迁移
        • FAQ
        • 模板
        • 生命周期钩子函数
        • v-for
        • Props
        • 计算属性
        • Built-In 指令
        • 自定义指令 简化
        • 过渡
        • 事件
        • 过滤器
        • 插槽
        • 特殊属性
        • 计算插值
        • 响应
        • 围绕 DOM 的实例方法
        • 底层实例方法
        • 实例 DOM 选项
        • 全局配置
        • 全局 API
      • 从 Vue Router 0.7.x 迁移
        • Router 初始化
        • 升级路径
        • Route 匹配
        • 链接
        • 编程导航
        • 路由选择：Modes
        • saveScrollPosition 替换
        • 路由挂钩
      • 从 Vuex 0.6.x 迁移到 1.0
        • 带字符串属性路径的 store.watch 替换
        • Store 的事件触发器 移除
        • 中间件 替换
    • 更多
      • 对比其他框架
        • React
        • AngularJS (Angular 1)
        • Angular (原本的 Angular 2)
        • Ember
        • Knockout
        • Polymer
        • Riot
      • 加入 Vue.js 社区
      • 认识团队
    暂无相关搜索结果！

      本文档使用 BookStack 构建

      展开/收起文章目录

      分享，让知识传承更久远

      文章二维码

      手机扫一扫，轻松掌上读

      文档下载

      • 普通下载
      • 下载码下载(免登录无限下载)
      你与大神的距离，只差一个APP
      APP下载
      请下载您需要的格式的文档，随时随地，享受汲取知识的乐趣！
      PDF文档 EPUB文档 MOBI文档
      温馨提示 每天每在网站阅读学习一分钟时长可下载一本电子书，每天连续签到可增加阅读时长
      下载码方式下载：免费、免登录、无限制。 免费获取下载码

      微信小程序阅读

      BookChat 微信小程序阅读
      您与他人的薪资差距，只差一个随时随地学习的小程序

      书签列表

        阅读记录

        阅读进度: 0.00% ( 0/0 ) 重置阅读进度