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>
原文地址:https://www.cnblogs.com/jianjie/p/12572865.html