집 > 기사 > 웹 프론트엔드 > VUE에서 bmob js-sdk 참조(자세한 튜토리얼)

VUE에서 bmob js-sdk 참조(자세한 튜토리얼)

亚连원래의: 2018-06-11 12:02:482595검색

bmob js-sdk를 static 디렉터리에 넣은 뒤 index.html 페이지에서 script 태그 형태로 도입하면 vue에서 bmob js-sdk를 전역적으로 사용할 수 있습니다. 이 기사를 통해 vue에서 bmob js-sdk를 사용하는 방법에 대한 튜토리얼을 공유하겠습니다. 필요한 친구는 이를 참조할 수 있습니다

BmobSDK 소개

bmob js-sdk를 정적 디렉터리에 저장한 다음 index.html 페이지에 스크립트 태그 형태로 도입되어 vue

<!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>

에서 bmob js-sdk를 전역적으로 사용할 수 있습니다. 자산 디렉터리에 새 js 폴더를 만든 다음 key.js를 만들어 bmob 애플리케이션을 저장할 수 있습니다. key

Bmob.initialize("你的Application ID", "你的REST API Key");

in main.js bmobsdk에 key.js를 도입한 후 이제 축하할 데이터를 요청할 수 있습니다. [Vue 프로젝트에서 단일 js 파일에 bmob을 사용해야 하는 경우 key.js를 도입하거나 bmob 응용 프로그램 키를 입력해야 합니다.]

import Vue from &#39;vue&#39;
import App from &#39;./App&#39;
import router from &#39;./router&#39;
import &#39;./assets/js/key&#39; //引入bmob js-sdk
Vue.config.productionTip = false
new Vue({
 el: &#39;#app&#39;,
 router,
 render: h => h(App)
})

위 내용은 제가 모두를 위해 편집한 내용이기를 바랍니다. 앞으로 모든 사람에게 도움이 됩니다.

VUE에서 bmob js-sdk 참조(자세한 튜토리얼)

관련 기사