zoukankan      html  css  js  c++  java
  • vue特殊atribute-is

    1、解决dom内模板限制

    有些 HTML 元素,诸如 <ul>、<ol>、<table> 和 <select>,对于哪些元素可以出现在其内部是有严格限制的。而有些元素,诸如 <li>、<tr> 和 <option>,只能出现在其它某些特定的元素内部。

    这会导致我们使用这些有约束条件的元素时遇到一些问题。例如:

    <table>
      <blog-post-row></blog-post-row>
    </table>

    这样写会报错的,下面是is的解决方法:

    <table>
      <tr is="blog-post-row"></tr>
    </table>

    需要注意的是如果我们从以下来源使用模板的话,这条限制是不存在的:

    字符串 (例如:template: '...')
    单文件组件 (.vue)
    <script type="text/x-template">

    也就是说只有在用cdn方式写vue的时候才会出现这种问题?

    2、在不同组件之间进行动态切换

    <!-- 组件会在 `currentTabComponent` 改变时改变 -->
    <component v-bind:is="currentTabComponent"></component>

    在上述示例中,currentTabComponent 可以包括

    已注册组件的名字,或
    一个组件的选项对象

  • 相关阅读:
    maven学习
    存储过程的作用
    数据库优化
    Springmvc整合mybatis
    Spring Mvc简介
    Axis2开发实例
    Mybatis之typeAlias配置的3种方法
    Spring AOP教程及实例
    spring AOP底层原理实现——jdk动态代理
    Java实现动态代理的两种方式
  • 原文地址:https://www.cnblogs.com/tiandi/p/15265310.html
Copyright © 2011-2022 走看看