<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue.js - Florian Studio</title> </head> <style> .class1{ background: #444; color: #eee; } </style> <body> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> <div id = "databinding"></div> <script type = "text/javascript"> var mixin = { methods: { hellworld: function () { document.write('HelloWorld メソッド' + '<br>'); }, samemethod: function () { document.write('Mixin：同じメソッド名' + '<br>'); } } }; var vm = new Vue({ mixins: [mixin], methods: { start: function () { document.write('start メソッド' + '<br>'); }, samemethod: function () { document.write('Main：同じメソッド名' + '<br>'); } } }); vm.hellworld(); vm.start(); vm.samemethod(); </script> </body>