watch監聽異步函數立即執行

本文轉載自查看原文 2021-07-07 20:29 237 Vue

<!DOCTYPE html>
<html>

<head>
    <meta charset='utf-8'>
    <title></title>
    <script src='../js/vue.js'></script>
</head>

<body>
    <div id='app'>
        姓: <input type="text" placeholder="First Name" v-model="firstName"><br>
        名: <input type="text" placeholder="Last Name" v-model="lastName"><br>
        姓名: <input type="text" placeholder="Full Name1" v-model="fullName"><br>
    </div>
    <script>
        new Vue({
            el: '#app',
            data: {
                firstName: 'A',
                lastName:"B",
                fullName:""
            },
            watch:{
                firstName:{
                    handler(value){
                        // setTimeout(()=>{
                            this.fullName = value +"-"+this.lastName
                        // },10000)
                    },
                    immediate:true //初始化異步代碼立即執行
                }
            }
        })
    </script>
</body>

</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 vue watch 深度監聽以及立即監聽 Javascript立即執行函數 js立即執行函數 javascript - 立即執行函數 js立即執行函數 js 立即執行函數 vue的watch監聽函數 js立即執行函數 JavaScript 立即執行函數匿名函數(立即執行函數)