Mixins

// define a mixin object
var mixin_1 = {
 //function automatically called when Vue instance is created
 created: function(){
 this.hello();
 },
 methods: {
 hello: function(){
 console.log('hello from mixin.')
 }
 }
}

// define a component that uses this mixin
var component = Vue.extend({
 mixins: [mixin_1]
})

var comp = new component() // hello from mixin.

// define a mixin object
var mixin_2 = {
 //function automatically called when Vue instance is created
 data: function(){
 return {msg: 'Hello from Mixin', str:'String from mixin'};
 }
}

// vue instance
var vm = new Vue({
 mixins: [mixin_2],
 data: {msg:'Msg replaced from component.', txt:'I`m a good person'},
 created: function(){
 console.log(this.$data);
 }
})

// {"msg": "Msg replaced from component.", "txt": "I`m a good person", "str": "String from mixin"}

// define a mixin object
var mixin_3 = {
 methods: {
 met_mixin: function(){
 console.log('Just wish and vision frequently its effect')
 },
 same_met: function(){
 console.log('The past not exists')
 }
 }
}

// define a component that uses this mixin
var vm = new Vue({
 mixins: [mixin_3],
 methods: {
 same_met: function(){
 console.log('I am my life')
 },
 met_inst: function(){
 console.log('Miracle is possible')
 }
 }
})

vm.met_inst(); // Miracle is possible
vm.met_mixin(); // Just wish and vision frequently its effect
vm.same_met(); // I am my life

var mixin_4 ={
 created: function(){
 console.log('mixin - The wish is the request')
 }
}

new Vue({
 mixins: [mixin_4],
 created: function () {
 console.log('component - The vision is to receive')
 }
})

// mixin - The wish is the request
// component - The vision is to receive