>  기사  >  웹 프론트엔드  >  vue에서 bmob js-sdk를 사용하는 튜토리얼 예제 공유

vue에서 bmob js-sdk를 사용하는 튜토리얼 예제 공유

小云云
小云云원래의
2018-01-24 10:49:561626검색

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 &#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)
})

관련 권장 사항:

Node.js 구현 in WeChat JS-SDK 백엔드 인터페이스

WeChat JS-SDK 개발 스캔 인터페이스 기능 구현 코드에 대한 자세한 설명

WeChat JS-SDK 이미지 인터페이스 개발

위 내용은 vue에서 bmob js-sdk를 사용하는 튜토리얼 예제 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.