• 基础

    基础

    混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。

    例子：

    1. // 定义一个混入对象
    2. var myMixin = {
    3.   created: function () {
    4.     this.hello()
    5.   },
    6.   methods: {
    7.     hello: function () {
    8.       console.log('hello from mixin!')
    9.     }
    10.   }
    11. }
    13. // 定义一个使用混入对象的组件
    14. var Component = Vue.extend({
    15.   mixins: [myMixin]
    16. })
    18. var component = new Component() // => "hello from mixin!"