ホームページ >ウェブフロントエンド >jsチュートリアル >VUE の bmob js-sdk を参照 (詳細なチュートリアル)
VUE の bmob js-sdk を参照 (詳細なチュートリアル)
- 亚连オリジナル
- 2018-06-11 12:02:482656ブラウズ
bmob js-sdk を static ディレクトリに置き、index.html ページに script タグの形式で導入すると、vue でグローバルに bmob js-sdk を使用できるようになります。この記事を通じて、vue で bmob js-sdk を使用するチュートリアルを共有します。必要な友達は参照してください
BmobSDK の紹介
bmob js-sdk を静的ディレクトリに配置します。 Index.html ページに script タグの形式で導入されているので、vue でグローバルに bmob js-sdk を使用できます
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="static/bmob-min.js"></script> </head> <body> <p id="app"></p> </body> </html>
assets ディレクトリに新しい js フォルダーを作成し、bmob アプリケーションを保存する key.js を作成しますmain.js の key
Bmob.initialize("你的Application ID", "你的REST API Key");key.js を bmobsdk に導入したら、導入は完了です。これで、お祝いのデータをリクエストできます。 [Vue プロジェクト内の単一の js ファイルに bmob を使用する必要がある場合は、key.js を導入するか、bmob アプリケーション キーを入力する必要があります]
import Vue from 'vue'
import App from './App'
import router from './router'
import './assets/js/key' //引入bmob js-sdk
Vue.config.productionTip = false
new Vue({
el: '#app',
router,
render: h => h(App)
})上記は私が皆さんのためにまとめたものです。将来すべての人に役立ちます。
関連記事:
jQueryでniceScrollスクロールバーの位置がずれている問題を解決する方法
WeChatアプレットでリストのプルダウン更新とプルアップ読み込み効果を実現するにはどうすればよいですか？
WeChat ミニ プログラムでデジタル スクロール プラグインを使用する方法
WeChat ミニ プログラムでテキスト マーキー効果を実現する方法
以上がVUE の bmob js-sdk を参照 (詳細なチュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。