Vue动态组件

. 动态组件

<component> 元素，动态地绑定多个组件到它的 is 属性

<keep-alive> 保留状态，避免重新渲染

<keep-alive>
        <component :is="which"></component>
      </keep-alive>
      <footer>  
        <ul>
          <li @click=" which='home' ">
            首页
          </li>
          <li @click=" which='list' ">
            列表
          </li>
          <li @click=" which='shopcar' ">
            购物车
          </li>
        </ul>
      </footer>
    </div>
   

    <script type="text/javascript">
       Vue.component("home",{
         template:`
          <div>
            home
            <input type="search"/>
          </div>
         `
       })
       
       Vue.component("list",{
         template:`
          <div>
            list
          </div>
         `
       })

       Vue.component("shopcar",{
         template:`
          <div>
            shopcar
          </div>
         `
       })