Vue3自定义全局事件警告[Vue warn]: Failed to resolve directive: img-lazy

一个值得记录的低级错误

在main.js中，我开始的配置写成了这个样子

//定义全局指令
app.directive('imglazy'), {
    mounted(el, binding) {
        //! el：代表指令绑定的元素
        //! binding: 指令对象 binding.value 指令等于号后面绑定的表达式的值 图片 url
        console.log(el, binding.value);
    },
}

应该修改为 大括号要在小括号里面

//定义全局指令
app.directive('img-lazy', {
    mounted(el, binding) {
        //! el：代表指令绑定的元素
        //! binding: 指令对象 binding.value 指令等于号后面绑定的表达式的值 图片 url
        console.log(el, binding.value);
    },
})