码迷,mamicode.com
首页 > 其他好文 > 详细

v-for的理解

时间:2016-07-08 17:56:42      阅读:123      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!