首页 > 其他 > 详细

Vue入门笔记(二)--基础部分之条件渲染

时间:2017-08-03 10:38:59      阅读:204      评论:0      收藏:0      [点我收藏+]

github地址:https://github.com/iTao9354/basicVue/tree/master/conditional%20rendering(demo01-03)

一、v-if & v-else-if & v-else

  1.见下例:

     技术分享

    其中v-else必须紧跟在v-if或v-else-if后面。

    注意:v-else-if是2.1.0新增。

  2. 用属性key管理不需要复用的元素

           当两个元素是完全独立时,就不需要复用,此时只需添加一个具有唯一值的key属性即可。

     技术分享

二、v-show

         v-show只能简单地切换元素的css属性display,既不支持<template>语法,也不支持v-else。

          技术分享

         在控制元素是否显示时,与v-if的区别:

         v-if的元素在条件为假时不会保留在DOM中,而v-show的元素在条件为假时始终会被渲染并保留在DOM中,只是display属性为none。

三、v-if vs v-show

   技术分享

四、v-if & v-for

         详见列表渲染。

Vue入门笔记(二)--基础部分之条件渲染

原文:http://www.cnblogs.com/uno1990/p/7278174.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!