v-pre原样输出&&v-once只加载一次

Posted 2020-09-21 千と千寻の

html

 <div id="app">
            <div v-pre>{{message1}}</div><!--原样输出-->
             <br>
            <div v-once>{{message3}}</div><!--只同步一次-->
             <br>
            <input type="text" v-model="message3" />
            <div>{{message3}}</div>
        </div>

js

 var vm = new Vue({
            el:"#app",
            data:{
                message1:"HelloWorld",
                message3:"v-once只更新一次"
            }
        })