阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      Vue.js v-once

      v-once

      • 不需要表达式

      详细

      只渲染元素和组件一次

      随后的重新渲染,元素 / 组件及其所有的子节点将被视为静态内容并跳过。

      这可以用于优化更新性能。

      <!-- 单个元素 -->
      <span v-once>This will never change: {{msg}}</span>
      <!-- 有子元素 -->
      <div v-once>
        <h1>comment</h1>
        <p>{{msg}}</p>
      </div>
      <!-- 组件 -->
      <my-component v-once :comment="msg"></my-component>
      <!-- `v-for` 指令-->
      <ul>
        <li v-for="i in list" v-once>{{i}}</li>
      </ul>
      

      参考

      目录
      本文目录
      目录