SOURCE

Vue.component('my-component', {
  template: '<div>我是第一个组件例子哦，全局注册！</div>'
})
Vue.component('my-tr', {
  template: '<tr>我是tr,能够正确解析</tr>'
})
var vm = new Vue({
  el: '#app',
  data: function(){
    return {
      
    }
  },
  components: {
    'local-component': {
    	template: '<div>我是局部注册的组件例子,只能在本Vue实例中使用</div>'
    },
    'my-row': {
      template: '<tr>我是真正的组件内容</tr>'
    },
    'my-rander': {
      render: function (createElement) {
        return createElement(
          'table',   // tag name 标签名称
           [createElement('my-tr')]  
        )
      }
    }
  }
})

<div id="app">
  <my-component></my-component>
  <local-component></local-component>
  <table>
    <my-row>使用is可以解析组件的内容</my-row>
  </table>
  <table>
    <tr is='my-row'>使用is可以解析组件的内容</tr>
  </table>
  <my-rander>使用is可以解析组件的内容</my-row>
</div>

#app{
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  max-width: 750px;
  text-align: center;
}