VUE2 完整写法

自定义指令的生命周期钩子 bind()、inserted()、updata()

<input type="text" v-fbind:value="n" />
<script>
    directives:{
        fbind:{            
            //指令与元素成功绑定时(即一开始)            
            bind(element, binding){                
                element.value = binding.value                
                //console.log(this)//这里的this是window
            },            
            //指令所在元素被插入页面时            
            inserted(element, binding{                
                element.focus()                
                //console.log(this)//这里的this是window            
            },            
            //指令所在的模板被重新解析时            
            update(element, binding){                
                element.value = binding.value                
                //console.log(this)//这里的this是window            
            }        
        }    
    }
</script>
posted @ 2023-02-28 18:25  中亿丰数字科技  阅读(72)  评论(0)    收藏  举报