vue 往对象中添加键值对_【Vue】Vue学习之混入

今天学习了Vue中的“混入”知识点，写篇文章用自己的语言来向自己解释它，如有不足还望指点。

混入(mixins): 混入提供了一种非常灵活的方式，来分发Vue组件中的可复用功能

--摘自VUE官方文档

对于这句话的理解我想是这样的。我们在js代码中定义一个混入对象，这个混入对象的名字可以任意取，它只是一个单独的对象，里面可以包含一个组件可以有的任何组件选项:data,method,watch，钩子函数等等。它可以看做一个封装好的代码块，哪一个组件想用它，就可以通过mixins选项来将它包含进来，为自己所用。

<

在上面这个代码中，我定义了一个可以作为混入对象的对象，接下来只要使用mixins选项将它包含进某一个组件里面，就可以实现我们的混入功能。

<

这样我们再打开浏览器运行这个文件的时候,就会看到