外部JavaScriptファイルからVueファイルのメソッド呼び出す方法！

こんにちは、
久しぶりのVue記事です。

今回は、外部のJavaScriptファイルから
Vueファイルのメソッドを呼び出す方法を書きます。

注意

※正しい方法かどうかは保証できません。
強引な方法なので他の方法がある場合はぜひご教授ください！

index.vue

//index.vue

export default{
   methods: {
       sample(){
        console.log("HELLO");
       }
   }
}

//index.vue

export default{

methods: {

sample(){

console.log("HELLO");

}

index.js

//index.js
import * as Sample from  'index.vue';

 Sample.default.methods.sample();//出力結果：HELLO

//index.js

import * as Sample from 'index.vue';

Sample.default.methods.sample();//出力結果：HELLO

このような感じで呼び出すことができます。
かなり簡単ですね。

Vueをしっかり勉強したい。

コメント