• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • v-is

    • 预期:字符串文本
    • 限制于:原生 HTML 元素
    • 用法:在 DOM 内模板使用时,模板受原生 HTML 解析规则的约束。某些 HTML 元素,如:<ul><ol><table><select>等,对哪些元素可以出现在它们内部有限制,而某些元素(如:<li><tr><option>只能出现在某些其他元素中。作为解决方法,我们可以对以下元素使用v-is指令:
    <table>
    	<tr v-is="'blog-post-row'"></tr>
    </table>
    
    v-is函数类似于动态 2.x :is绑定——因此要按组件的注册名称渲染组件,其值应为 JavaScript 字符串文本:
    <!-- 不正确,不会渲染任何内容 -->
    <tr v-is="blog-post-row"></tr>
    
    <!-- 正确 -->
    <tr v-is="'blog-post-row'"></tr>
    
    注意:本节仅影响直接在页面的 HTML 中写入 Vue 模板的情况。

    上篇:v-once

    下篇:v-if