「Vue.js」コンポーネントがミックスインを使用するサンプル
基本
コンポーネントがミックスインを使用するとき、ミックスインの全てのオプションはコンポーネント自身のオプションに”混ぜられ”ます。
使用例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue サンプル - arkgame.com</title> <script src="https://cdn.staticfile.org/vue/2.6.14/vue.min.js"></script> </head> <body> <div id = "databinding"></div> <script type = "text/javascript"> //ミックスイン var mixin = { created: function () { document.write('ミックスイン を呼び出し' + '<br>') } } //コンポーネントを定義 new Vue({ mixins: [mixin], created: function () { document.write('コンポーネントを呼び出し' + '<br>') } }); </script> </body> </html>