bmob js-sdk 在vue中的使用教程
更新時(shí)間：2018年01月21日 13:29:36 作者：大王12
將bmob js-sdk放在static目錄，然后在index.html頁(yè)面中已 script 標(biāo)簽的形式引入，就可以在vue中全局使用bmob js-sdk。下面通過(guò)本文給大家分享bmob js-sdk 在vue中的使用教程，需要的朋友參考下吧
BmobSDK的引入
將bmob js-sdk放在static目錄，然后在index.html頁(yè)面中已 script 標(biāo)簽的形式引入，就可以在vue中全局使用bmob js-sdk
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="static/bmob-min.js"></script> </head> <body> <div id="app"></div> </body> </html>
在assets目錄新建一個(gè)js文件夾，再創(chuàng)建key.js 用來(lái)存放bmob的應(yīng)用key
Bmob.initialize("你的Application ID", "你的REST API Key");
在main.js中引入key.js，bmobsdk的引入就大功告成了,此刻就可以去請(qǐng)求一條數(shù)據(jù)慶祝一下了。[在Vue項(xiàng)目中的單js文件如果需要使用bmob的話，都需引入key.js,或填寫(xiě)bmob應(yīng)用key]
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)
})
總結(jié)
以上所述是小編給大家介紹的bmob js-sdk 在vue中的使用教程，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的！
相關(guān)文章
這篇文章主要介紹了Vue 嵌套路由使用總結(jié),本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-01-01
這篇文章主要為大家詳細(xì)介紹了Vue的核心原理，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2022-03-03
Vue?import?from省略后綴/加載文件夾的方法/實(shí)例詳解
本文介紹Vue在import時(shí)省略后綴以及import文件夾的方法，結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-08-08
這篇文章主要介紹了vue?3.0?vue.config.js文件常用配置方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-03-03
vue pages 多入口項(xiàng)目 + chainWebpack 全局引用縮寫(xiě)說(shuō)明
這篇文章主要介紹了vue pages 多入口項(xiàng)目 + chainWebpack 全局引用縮寫(xiě)說(shuō)明，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-09-09
解決element ui select下拉框不回顯數(shù)據(jù)問(wèn)題的解決
這篇文章主要介紹了解決element ui select下拉框不回顯數(shù)據(jù)問(wèn)題的解決，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-02-02
Vue2中的過(guò)濾器filter使用及注意說(shuō)明
這篇文章主要介紹了Vue2中的過(guò)濾器filter使用及注意說(shuō)明，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
Vue.js中this如何取到data和method里的屬性詳解
methods屬性是一個(gè)對(duì)象,通常我們會(huì)在這個(gè)對(duì)象中定義很多的方法,下面這篇文章主要給大家介紹了關(guān)于Vue.js中this如何取到data和method里的屬性,需要的朋友可以參考下2022-12-12
詳解Vue中$props、$attrs和$listeners的使用方法
本文主要介紹了Vue中$props、$attrs和$listeners的使用詳解，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-12-12
壓縮Vue.js打包后的體積方法總結(jié)(Vue.js打包后體積過(guò)大問(wèn)題)
大家都知道，Vuejs的 CLI工具 是基于 webpack 來(lái)實(shí)現(xiàn)的，所以在項(xiàng)目打包后，會(huì)生成的文件會(huì)很大。 主要原因是 webpack 將我們所有文件都打包成一個(gè)js文件，即使再小的項(xiàng)目，打包之后文件都會(huì)變得很大。 下面講講最近我遇到的相同問(wèn)題。2020-02-02