ホームページ > 記事 > ウェブフロントエンド > vue で bmob js-sdk を使用するチュートリアルの例を共有する
vue で bmob js-sdk を使用するチュートリアルの例を共有する
- 小云云オリジナル
- 2018-01-24 10:49:561678ブラウズ
bmob js-sdk を static ディレクトリに置き、index.html ページに script タグの形式で導入すると、vue でグローバルに bmob js-sdk を使用できるようになります。この記事では主に vue での bmob js-sdk の使用に関するチュートリアルを紹介します。必要な方はぜひ参考にしてください。
BmobSDKの導入
bmob js-sdkをstaticディレクトリに置き、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を作成します
Bmob.initialize("你的Application ID", "你的REST API Key");main.jsに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)
})関連する推奨事項:
Node.js を実装するWeChat JS-SDK バックエンドインターフェース
WeChat JS-SDK 開発スキャンインターフェース関数実装コードの詳細説明
以上がvue で bmob js-sdk を使用するチュートリアルの例を共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。