416 vue数据响应式,v-once 

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <div id="app">
        <div>{{msg}}</div>
        <div v-once>{{info}}</div>
    </div>
    <script type="text/javascript" src="js/vue.js"></script>
    <script type="text/javascript">
        /*
            v-once的应用场景：如果显示的信息后续不需要再修改，你们可以使用v-once，这样可以提高性能。
        */
        var vm = new Vue({
            el: '#app',
            data: {
                msg: 'Hello Vue',
                info: 'nihao'
            }
        });
    </script>
</body>

</html>

posted on 2020-03-26 11:00  冲啊！  阅读(143)  评论(0)  编辑  收藏  举报

导航