ホームページ > 記事 > ウェブフロントエンド > .js ファイルで vue を参照する方法
#このチュートリアルの動作環境: Windows7 システム、vue2.0 バージョン、thinkpad t480 コンピューター。js ファイルで vue を参照する方法: 1. vue を受け取る変数コンテキストを定義し、http.js によってエクスポートされた initContext メソッドを実行します; 2. main.js エクスポート vue インスタンスを作成し、次を使用しますサンプルをjsに導入するだけです。
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: '<App/>' }) Vue.prototype.http = http //挂载http的时候执行引入vue的方法 Vue.prototype.http.initContext(vue) // 传入vue实例によってエクスポートされた initContext メソッドを実行します。 推奨事項: "
vuetutorial"
2メソッド: 1. Main.js エクスポート vue インスタンス:var vue = new Vue({ el: '#app', router, components: { App }, template: '<App/>' }) export default vue2. 使用する必要がある js に
import context from '../main.js' context.$router.push('/login')を導入します。プログラミング関連の知識の詳細については、
プログラミング入門をご覧ください! !
以上が.js ファイルで vue を参照する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。