在Vue.js2.0中组件模板子元素数量问题

在Vue中当利用组件进行开发时候,组件所使用的模板只可以应用于一个根实例,当你需要添加多个子元素的时候,可以用一个div将它们包裹起来,代码如下:

<template id="task-template">
        <div>
            <h3>My task:({{remaining}})</h3>
            <ul>
                <li @click="toggleItem(item)" v-for="item in link" :class="{'completed' : item.completed}">{{item.items}}</li>
            </ul>
        </div>
    </template>

posted @ 2017-11-02 19:57  星马豪  阅读(526)  评论(0编辑  收藏  举报