码迷,mamicode.com
首页 > 其他好文 > 详细

v-text指令消除刷新慢显示替换的过程

时间:2019-02-14 22:23:59      阅读:277      评论:0      收藏:0      [点我收藏+]

标签:module   div   出现   htm   代理   渲染   浏览器   转换   解决   

在Vue项目中dom渲染过程中,类似{{msg}}的render页面会闪一下,是因为浏览器解析html文档是自上而下的解析,出现了{{msg}}转换为对应数据的过程而闪。

<body>
    <div id="app">
        {{msg}}
    </div>
    <script src="../node_modules/vue/dist/vue.min.js"></script>
    <script>
        let vm = new Vue({//vm 即viewModel
            el: "#app",
            data: {//data数据会被vm代理
                msg: hello world//可以通过vm.msg获取
            }
        })
    </script>
</body>

我们可以采用 v-text指令来取代{{msg}},从而解决这个问题

<div id="app">
        <div v-text="msg"></div>
    </div>

 

v-text指令消除刷新慢显示替换的过程

标签:module   div   出现   htm   代理   渲染   浏览器   转换   解决   

原文地址:https://www.cnblogs.com/gongxiansheng/p/10380945.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!