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> <div id="app"></div> </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 '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) })
总结
以上所述是小编给大家介绍的bmob js-sdk 在vue中的使用教程,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
相关文章
Vue import from省略后缀/加载文件夹的方法/实例详解
本文介绍Vue在import时省略后缀以及import文件夹的方法,结合实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2022-08-08vue pages 多入口项目 + chainWebpack 全局引用缩写说明
这篇文章主要介绍了vue pages 多入口项目 + chainWebpack 全局引用缩写说明,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2020-09-09解决element ui select下拉框不回显数据问题的解决
这篇文章主要介绍了解决element ui select下拉框不回显数据问题的解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2019-02-02Vue.js中this如何取到data和method里的属性详解
methods属性是一个对象,通常我们会在这个对象中定义很多的方法,下面这篇文章主要给大家介绍了关于Vue.js中this如何取到data和method里的属性,需要的朋友可以参考下2022-12-12详解Vue中$props、$attrs和$listeners的使用方法
本文主要介绍了Vue中$props、$attrs和$listeners的使用详解,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2021-12-12压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)
大家都知道,Vuejs的 CLI工具 是基于 webpack 来实现的,所以在项目打包后,会生成的文件会很大。 主要原因是 webpack 将我们所有文件都打包成一个js文件,即使再小的项目,打包之后文件都会变得很大。 下面讲讲最近我遇到的相同问题。2020-02-02
最新评论