关于VUE的el问题

Question

//html部分

<div class="test">

    <span>{{a}}</span>

<div>

<div class="test">

    <span>{{b}}</span>

<div>

//js部分

var test = new Vue({

    el: '.test',

    data: {

        a: 'aaa',

        b: 'bbb'

    }

});

请问我这样写有问题吗？我试了下第二个DIV并没有给我渲染是怎么回事呢？

Answer 1

只允许有一个顶层元素

Answer 2

var test = new Vue({ el: '.test'}) 只对第一个  <div class="test"></div>有效