vue中自定义指令中钩子的区别

最近又重新看了一边vue的官网，但是看到vue中的自定义指令钩子的时候感觉还是不太能理解，于是做了几个demo。原来是这样：

bind和inserted，都执行一次，bind拿不到父元素，inserted可以拿到父元素，一般关于css的操作可以在bind中执行，关于js的操作在inserted之中。 update和conponentUptated都是指令发生改变时调用，update是获取指令更新之前的DOM内容，conponentUptated是获取指令更改后的DOM内容。