千锋教育前端Vue3.0全套视频教程(Kerwin2023版,Vue.js零基础

自定义一个以v-开头的属性 自定义指令能做的事情:操作dom
1.设置主题
2.设置权限
3.添加事件
需要:完成一个自定义指令的定义:需要定义它提供的5个狗子函数(不是必须全都用到)
钩子函数:一个方法在执行过程中 添加的若干个节点 这些节点他的执行有先后顺序 可以利用此顺序来完成一系列工作。
钩子函数:
bind 制定和绑定元素初始化时触发
inserted 当前指令绑定的元素它的已完全挂载到它的父节点中
update 数据更新时 或者更新前
componentUpdated 更新后
unbind 绑定的元素被销毁时触发
定义自定义指令: 全局指令 【当前项目中所有的组件都可以用】 局部指令【在哪个组件定义,此指令只能在此组件中使用】 (globalthis)既可以在window中用又可以在nodejs中用
全局: vue.directive(名称不要带v-)
对象方式它可以定义五个钩子函数 函数的方式是bind和update缩写
局部: 配置选项中定义 directives{
名称【不要带v-】:{ }
}