当我们提交很多数据的时候,比如表单的textarea,比如输入很多字符,每一次输入dom都会变更
    我们可以使用v-model.lazy 实现在输入失去焦点的时候Vue才会补货

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4. <meta charset="UTF-8">
    5. <title>收集表单</title>
    6. </head>
    7. <body>
    8. <script type="text/javascript" src="https://unpkg.com/vue/dist/vue.js"> </script>
    9. <div id="app">
    10. <form action="" @submit.prevent="myfunc">
    11. 请您输入<textarea name="others" id="" cols="30" rows="10" v-model.lazy="message"></textarea>
    12. <br>
    13. <button>提交</button>
    14. </form>
    15. </div>
    16. <script type="text/javascript">
    17. var vm = new Vue({
    18. el:"#app",
    19. data:{
    20. message:"",
    21. },
    22. methods:{
    23. myfunc(){
    24. console.log(typeof this.name)
    25. }
    26. }
    27. })
    28. </script>
    29. </body>
    30. </html>