首页 > 其他 > 详细

v-for的理解

时间:2016-07-08 17:53:29      阅读:264      评论:0      收藏:0      [点我收藏+]
  • 深刻的感受到控制台的用处,以后的学习中,要善用控制台,多学习控制台的用法;
  • 代码千万不能复制,不懂得东西要慢慢摸索;

v-for的理解

  

<div class="main_area">
    <!--一个教学计划集合-->    
    <div class="tech_plan" id="techPlan" v-for="title in titles">
        <!--教学计划 章名称-->
        <div class="tech_plan_title" >
            <p class="tech_name">{{title.techName}}</p>
            <p class="tech_class">{{title.techClass + ‘课时‘}}</p>
            <div class="clear"></div>
        </div>
        <!--教学计划 章名称-->

        <!-- 节名称 -->
        <div class="tech_main_main" v-for="point in title.points">
            <span class="number">{{$index+1}}</span>
            <div class="point_line">
                <p class="point_name">{{point.pointName}}</p>
                <p class="point_class">{{point.pointClass +‘课时‘}}</p>
            <div class="clear"></div>   
            </div>
                <div class="clear"></div>
        </div>
            <!-- 节名称 -->
        <div class="clear"></div>
    </div>
    <!--一个教学计划集合-->

 

  •  在html的布局中,第二重循环一定要包裹进第一重循环内;
  • <p>{{title.techName}}</p>这种表达正确,而<p v-model="title.techName"></p>的表达错误

  • 命名方式:最好以驼峰的命名方式,例如{{techName}};而{{tech-name}}的命名方式是错误的,至于为什么,宝宝也不知道

 

v-for的理解

原文:http://www.cnblogs.com/Secretmm/p/5653868.html

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