为什么自定义全局指令无法生效？而在 Vue 创建实例后就可以生效？

Question

Vue.directive('focus',{
        inserted: function(el){
                el.focus()
            }
        })
        var app = new Vue({})

上图无法使自定义的全局指令生效，而下图可以：

 Vue.directive('focus',{
        inserted: function(el){
                el.focus()
            }
        })
        var app = new Vue({
            el:"#app",//如果不将app挂载到el上，则自定义的全局指令是无效的
            data:{}
        })

 

Answer 1

因为你的指令是el.focus()，你不把#app（页面）挂载到el上，el不就是空的吗，去运行指令页面就没反应吧