Vue,v-if合并

场景是课程列表，满足type条件以后，进行assign和listentest判断得到链接，然后满足statues的条件得到已完成和免费试听或者去学习。额，感觉冗余很多，求大神给点建议优化删选。

<template v-if="part.type == 6">
    <template v-if="list.assign ==1 && part.listentest == 1">
        <li class="item" v-link="'/course/'+ cId + '/pid/'+ part.id">
            <div class="span" ><i class="icon icon-video"></i>{{part.name}}</div>
            <template v-if=" part.status == 2 ">
                <div class="span" ><i class="icon icon-ok"></i>已完成</a></div>
                <div class="span" v-if=" part.status == 1 &&  part.listentest == 1"><i class="icon"></i>免费试听</a></div>
            </template>
            <div class="span" v-else><a href="" class="ui-btn ui-btn-mini ui-btn-round ui-btn-secondary">去学习</a></div>
        </li>
    </template>
    <template v-if="part.listentest == 0">
        <li class="item" v-link="'class/course/'+ cId + '/pid/'+ part.id">
            <div class="span" ><i class="icon icon-video"></i>{{part.name}}</div>
            <template v-if=" part.status == 2 ">
                <div class="span" ><i class="icon icon-ok"></i>已完成</a></div>
                <div class="span" v-if=" part.status == 1 &&  part.listentest == 1"><i class="icon"></i>免费试听</a></div>
            </template>
            <div class="span" v-else><a href="" class="ui-btn ui-btn-mini ui-btn-round ui-btn-secondary">去学习</a></div>
        </li>
    </template>
</template>

<template v-if="part.type == 8">
    <li class="item"  v-link="'/course/'+ cId + '/pid/'+ part.id">
        <div class="span"><i class="icon icon-video"></i>{{part.name}}</div>
        <div class="span" v-if=" lol == true"></div>
    </li>
</template>

---

我不知道我的答案被踩的原因是什么，如果谁觉得我回答的不好，不妨自己回答一番。

这个回答是我仔细分析了题主的问题和状况，给出我认为最合适的回答。
如果觉得我只是扔两个链接，那不负责任的是踩人者而不是我。

----------原答案--------------

我认为你需要了解的是
http://router.vuejs.org/zh-cn...

你可以从
http://cn.vuejs.org/guide/app...
学习推荐的项目架构