Vue自定义指令

55 阅读1分钟

自定义指令:自己定义的指令, 可以封装一些 dom 操作, 扩展额外功能

  • v-指令名 = "指令值" ,通过 等号 可以绑定指令的值

  • 通过 binding.value 可以拿到指令的值

  • 通过 update 钩子,可以监听指令值的变化,进行dom更新操作

  • inserted 钩子中,binding.value 判断指令的值,设置默认状态

  • update 钩子中,binding.value 判断指令的值,更新类名状态