cari

Rumah >hujung hadapan web >tutorial js >在VUE中引用 bmob js-sdk（详细教程）

在VUE中引用 bmob js-sdk（详细教程）

亚连
亚连asal
2018-06-11 12:02:482661semak imbas

将bmob js-sdk放在static目录，然后在index.html页面中已 script 标签的形式引入，就可以在vue中全局使用bmob js-sdk。下面通过本文给大家分享bmob js-sdk 在vue中的使用教程，需要的朋友参考下吧

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文件夹，再创建key.js 用来存放bmob的应用key

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

在main.js中引入key.js，bmobsdk的引入就大功告成了,此刻就可以去请求一条数据庆祝一下了。[在Vue项目中的单js文件如果需要使用bmob的话，都需引入key.js,或填写bmob应用key]

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

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

在jQuery中如何解决niceScroll滚动条错位问题

在JS中如何实现百度搜索接口

在JS中如何实现双色球功能

在jQuery中如何实现下雪动画效果

在微信小程序中如何实现列表下拉刷新上拉加载效果？

在微信小程序中如何使用数字滚动插件

在微信小程序中如何实现文字跑马灯效果

Atas ialah kandungan terperinci 在VUE中引用 bmob js-sdk（详细教程）. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

jquery html Static 接口 JS 微信小程序
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：有关在js中创建对象是否加new？Artikel seterusnya：在vue中如何通过v-for处理数组

Artikel berkaitan

Lihat lagi