vue 渲染时出现双花括号，影响体验

发布于
2017-08-05

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>vue</title>
</head>
<body>
    <div id="app">
        {{message}}
    </div>
    <script src="vue.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        var app=new Vue({
            el:'#app',
            data:{
                message:'Hello Vue!'
            }
        });
    </script>
</body>

</html>
当打开这个页面时我们会首先看到页面上出现{{message}}然后过一会才被替换，这样会影响用户体验，让用户感觉先看到了一些乱码。尤其是当页面的数据是需要等异步请求完成后再渲染时，就非常的明显，打开后整个页面全部是{{xxx}}，然后等异步请求完成后这些{{xxx}}才会被替换成相应的数据内容。有没有什么方法让用户不会有看到这样的结果。

vue.js

阅读 11.1k

3 个回答

得票最新