# vue的高级内容的部分理解 ### 混合 mixins选项 > 是个js文件，一开始我还以为组件混合到另外一个组件，后来发现，是个js文件。 功能： > 抽象出公用的逻辑。 比如，现在有parent组件和child组件，都有一样的data选项，和methods选项等，我们就可以抽出一样的函数，放在mixins的js文件里。进行复用 > 具体例子： > 我们一般的项目都会涉及到时间的格式化，比如 timestamp格式转化成 YYYY-MM-dd HH:mm:ss 的格式等。而且这样的函数，会在大量的页面使用，我们就可以使用mixins选项，避免重复编写同样的代码 > 注意点： * mixins的js的生命周期是优于组件的生命周期执行的 * 其他的比如methods,components,data等选项，组件可以覆盖mixins选项的 ### vue自定义指令 directives选项 具体，个人觉得参考官网资料就好 [vue自定义指令官网](https://cn.vuejs.org/v2/guide/custom-directive.html) 注意点： * bind 是在生命周期之前调用，比mixins的mounted还要早 * inserted 也是和bind一样，不过bind的父节点还没存在就调用了，inserted是插入到父节点了，不过还没加入document中 * update 数据跟新之前 * componentUpdate 数据更新之后 * unbind 钩子函数是在组件离开的时候调用