理解Vue中 is属性的用法

由于html语法的限制，对于table(tr/td/th)、Ul（li）、select（option）、ol（li）后面必须接特定的元素，使用is属性解决。

错误示范：

 <div id="app">
      <ul>
        <input-item
          v-for="item,index in inputList"
          :key="item.id"
          :title="item.title"
        ></input-item>
      </ul>
    </div>
    <script src="vue.js"></script>
    <script>
      Vue.component('input-item', {
        template: `<li>{{title}}</li>`,
        props: ['title']
      });
      const vm = new Vue({
        el: '#app',
        data: {
          inputList: [
            { id: 1, title: '111' },
            { id: 2, title: '222' },
            { id: 3, title: '333' },
            { id: 4, title: '444' },
            { id: 5, title: '555' }
          ]
        }
      });
    </script>

效果：

如果换成li标签，不加is属性，就无法找到该元素，渲染内容。