fix #835 v-repeat on root node with replace:true

Author: yyx990803

src/compiler/transclude.js

@@ -1,4 +1,5 @@
 var _ = require('../util')
+var config = require('../config')
 var templateParser = require('../parsers/template')
 var transcludedFlagAttr = '__vue__transcluded'
 
@@ -73,7 +74,13 @@ function transcludeTemplate (el, options) {
   } else {
     var rawContent = options._content || _.extractContent(el)
     if (options.replace) {
-      if (frag.childNodes.length > 1) {
+      if (
+        frag.childNodes.length > 1 ||
+        // when root node has v-repeat, the instance ends up
+        // having multiple top-level nodes, thus becoming a
+        // block instance. (#835)
+        frag.firstChild.hasAttribute(config.prefix + 'repeat')
+      ) {
         transcludeContent(frag, rawContent)
         return frag
       } else {

test/unit/specs/misc_spec.js

@@ -47,4 +47,26 @@ describe('Misc', function () {
     expect(spy2).toHaveBeenCalled()
   })
 
+  it('v-repeat on component root node with replace:true', function () {
+    var el = document.createElement('div')
+    var vm = new Vue({
+      el: el,
+      template: '<div v-component="test"></div>',
+      components: {
+        test: {
+          data: function () {
+            return { list: [1, 2, 3] }
+          },
+          template: '<div v-repeat="list">{{$value}}</div>',
+          replace: true
+        }
+      }
+    })
+    expect(vm.$el.innerHTML).toBe(
+      '<!--v-start-->' +
+      '<div>1</div><div>2</div><div>3</div><!--v-repeat-->' +
+      '<!--v-end--><!--v-component-->'
+    )
+  })
+
 })