Vue30-自定义指令：对象式

一、需求：创建fbind指定

要用js代码实现自动获取焦点的功能！

二、实现

2-1、步骤一：绑定元素 

2-2、步骤二：input元素获取焦点 

此时，页面初始化的时候，input元素并没有获取焦点，点击按钮，修改n的值只有，才获取焦点。

因为：focus函数的位置不对！！！

1、html说明focus函数的位置 

若是将focus函数放在appendchild函数前面，则不生效！！！ 

大部分在appendChild之前都可以，有一些功能要在appendChild之后 

2、自定义函数的生命周期 

 

解决方式：fbind写成对象形式，因为函数形式只有两种时机才会调用。

写成对象形式，对象中可以写多个函数！

①、常见的自定义函数对象形式里面的函数： 

 

②、bind函数

bind函数类似于html中的这一部分的代码。

3、解决获取焦点的问题 

注意：

        因为bind函数和update函数的内容一般差不多，所以，要是自定义指令写成函数形式，相当于是对象形式的bind+uodate函数都写了。