v-once指令,差值表达式只会获取一次数据

    1. <html>
    2. <body>
    3. <div id="app">
    4. </br>
    5. 请输入你的专业:
    6. </br>
    7. <input type="text" v-model="title">
    8. </br>
    9. =======================
    10. </br>
    11. <p v-once>
    12. 您的专业是:{{title}}
    13. </p>
    14. </div>
    15. </body>
    16. <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    17. <script>
    18. new Vue({
    19. //指定作用于那一个div
    20. el:'#app',
    21. //属性
    22. data:{
    23. title:'java'
    24. },
    25. });
    26. </script>
    27. </html>