Vue学习：v-once

最新推荐文章于 2024-03-07 11:32:47 发布

¡Venceremo

最新推荐文章于 2024-03-07 11:32:47 发布

阅读量213

点赞数 1

分类专栏： Vue 文章标签： vue.js Powered by 金山文档

本文链接：https://blog.csdn.net/weixin_47295886/article/details/129057145

版权

Vue 专栏收录该内容

155 篇文章 1 订阅

订阅专栏

v-once指令

在所有节点在初次（第一次）动态渲染（Vue读了1 次）后，就看成是静态内容了

以后的数据改变不是引起v_once所在结构更新，用于性能优化

<body>
    <!-- 准备容器 -->
    <!-- 
        v-once指令
            在所有节点在初次（第一次）动态渲染（Vue读了1 次）后，就看成是静态内容了
            以后的数据改变不是引起v_once所在结构更新，用于性能优化 
    -->
    <div id='root'>
        <h2 v-once>初始值：{{n}}</h2>
        <h2>点击的操作实现: {{n}}</h2>
        <button @click="n++">点击+1</button>
    </div>

</body>
<script>
    new Vue({
        el: '#root',
        data: {
            n: 5,
        },


    });

</script>