still allow v-component on table elements

Author: yyx990803

src/util/debug.js

@@ -50,14 +50,14 @@ function enableDebug () {
     if (type === 'directive') {
       if (id === 'component') {
         exports.warn(
-          'v-component has been deprecated in 0.12. ' +
-          'Use custom element syntax instead.'
+          'v-component can only be used on table elements ' +
+          'in ^0.12.0. Use custom element syntax instead.'
         )
         return
       }
       if (id === 'with') {
         exports.warn(
-          'v-with has been deprecated in 0.12. ' +
+          'v-with has been deprecated in ^0.12.0. ' +
           'Use props instead.'
         )
         return

src/util/misc.js

@@ -1,6 +1,7 @@
 var _ = require('./index')
 var config = require('../config')
-var commonTagRE = /^(div|p|span|img|a|br|ul|ol|li|h1|h2|h3|h4|h5|table|tbody|tr|td|pre)$/
+var commonTagRE = /^(div|p|span|img|a|br|ul|ol|li|h1|h2|h3|h4|h5|code|pre)$/
+var tableElementsRE = /^caption|colgroup|thead|tfoot|tbody|tr|td|th$/
 
 /**
  * Check if an element is a component, if yes return its
@@ -23,6 +24,11 @@ exports.checkComponent = function (el, options) {
     _.resolveAsset(options, 'components', tag)
   ) {
     return tag
+  } else if (
+    tableElementsRE.test(tag) &&
+    (tag = _.attr(el, 'component'))
+  ) {
+    return tag
   }
 }
 

test/unit/specs/directives/component_spec.js

@@ -48,6 +48,23 @@ if (_.inBrowser) {
       expect(el.innerHTML).toBe('<p>123</p>')
     })
 
+    it('allow v-component on table elements', function () {
+      var vm = new Vue({
+        el: el,
+        template: '<table><tbody><tr v-component="test"></tr></tbody></table>',
+        components: {
+          test: {
+            data: function () {
+              return { a: 123 }
+            },
+            template: '<td>{{a}}</td>'
+          }
+        }
+      })
+      expect(el.innerHTML).toBe(vm.$options.template.replace(/<tr.*\/tr>/, '<tr><td>123</td></tr>'))
+      expect(_.warn).not.toHaveBeenCalled()
+    })
+
     it('inline-template', function () {
       var vm = new Vue({
         el: el,