防止反应慢的电脑出现{{msg}}

vue中使用{{msg}}来表示msg需要被vue后续处理替换，理论上这个替换在秒级别就能完成，正常来说是不会看到{{}}这些字符的，但是我记得有一些大的网页在加载的时候，会出现比较多的{{}}，这时候要如何避免呢？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/vue.js"></script>
    <style>
        [v-cloak] {
　　　　　　display:none;
        }
    </style>
</head>
<body>
    <div id="app" v-cloak>
         <h4>{{price}}</h4>
    </div>
    <script>
        var m = {
             price :3422
        }
 
        var vm = new Vue({
            el:"#app",
            data: m,
            methods:{
                 
            }
        })
    </script>
 
</body>
</html>

　　

posted @ 2021-02-25 13:38  田野与天  阅读(172)  评论(0)  编辑  收藏  举报