ホームページ > ウェブフロントエンド > Vue.js > .js ファイルで vue を参照する方法

.js ファイルで vue を参照する方法

藏色散人
リリース: 2023-01-13 00:44:56
オリジナル
8663 人が閲覧しました

js ファイルで vue を参照する方法: 1. vue を受け取る変数コンテキストを定義し、http.js によってエクスポートされた initContext メソッドを実行します; 2. main.js エクスポート vue インスタンスを作成し、次を使用しますサンプルをjsに導入するだけです。

.js ファイルで vue を参照する方法

#このチュートリアルの動作環境: Windows7 システム、vue2.0 バージョン、thinkpad t480 コンピューター。

js ファイル内の vue インスタンスを参照します

最初の方法:

1. まず、http.js で: 変数コンテキストを定義しますReceive vue の場合は、initVue メソッドに渡されるパラメータを vue に設定し、このメソッドをエクスポートします。

import axios from 'axios'
const TIME_OUT_MS = 60 * 1000 // 默认请求超时时间
let context = null // 定义一个变量,用来代替this(vue)
function handleResults (response) {
    context.$router.push('/login') 
    return result
}
export default {
  // 写一个此文件引入vue的方法,然后export导出去
    initContext (vue) {
        context = vue
    },
    post (url, data, response, exception) {
      
    },
ログイン後にコピー

2. 次に、main.js で: http.js

var vue = new Vue({
    el: '#app',
    router,
    components: {App},
    template: &#39;<App/>&#39;
})
Vue.prototype.http = http
//挂载http的时候执行引入vue的方法
Vue.prototype.http.initContext(vue) // 传入vue实例
ログイン後にコピー

によってエクスポートされた initContext メソッドを実行します。 推奨事項: "

vuetutorial"

2メソッド:

1. Main.js エクスポート vue インスタンス:

var vue = new Vue({
  el: &#39;#app&#39;,
  router,
  components: { App },
  template: &#39;<App/>&#39;
})
export default vue
ログイン後にコピー

2. 使用する必要がある js に

import context from &#39;../main.js&#39;
context.$router.push(&#39;/login&#39;)
ログイン後にコピー

を導入します。プログラミング関連の知識の詳細については、

プログラミング入門をご覧ください! !

以上が.js ファイルで vue を参照する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
vue
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート