最美不过青衫白发

vuePress-theme-reco xianghaifeng    2018 - 2024
最美不过青衫白发 最美不过青衫白发

Choose mode

  • dark
  • auto
  • light
主页
时间轴
标签
技术文章
  • 常用知识
  • js基础
  • Vue
  • Nuxt
  • 前端工程化
webpack5
  • 基础配置
  • 高级优化
  • 项目配置
  • 原理分析
GitHub (opens new window)
author-avatar

xianghaifeng

93

文章

13

标签

主页
时间轴
标签
技术文章
  • 常用知识
  • js基础
  • Vue
  • Nuxt
  • 前端工程化
webpack5
  • 基础配置
  • 高级优化
  • 项目配置
  • 原理分析
GitHub (opens new window)
  • Vue

    • 虚拟dom和diff算法
    • vNode节点
    • Vue异步更新DOM策略及nextTick
    • Vuex源码解析
    • vue事件机制
    • vue组件通信
    • Vue内部运行机制
    • vue数据绑定原理
    • 依赖收集
    • 响应式原理
    • keep-alive
    • vue中template编译
    • element组件库broadcast和dispatch
    • Ref区别
    • 异步组件
    • attribute 强制行为
    • directive 指令
    • v-is
    • Data
    • Event
    • filters
    • 片段
    • 函数式组件
    • 全局API
    • 渲染函数
    • slot统一
    • 过渡class变化
    • v-model
    • v-if 与 v-for 的优先级对比
    • v-bind

v-is

vuePress-theme-reco xianghaifeng    2018 - 2024

v-is

xianghaifeng 2021-03-11

Vue2.0 ,通过is 传递prop来解决

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

Vue3.0 ,引入了一个新的指令 v-is

<table>
  <tr v-is="'blog-post-row'"></tr>
</table>
1
2
3

注意错误写法:

<!-- 不正确,不会渲染任何内容 -->
<tr v-is="blog-post-row"></tr>

<!-- 正确 -->
<tr v-is="'blog-post-row'"></tr>
1
2
3
4
5
Last Updated: 2022/8/12 09:38:48