bmob js-sdk 在vue中的使用教程


Posted in Javascript onJanuary 21, 2018

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中的使用教程,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
jQuery News Ticker 基于jQuery的即时新闻行情展示插件
Nov 05 Javascript
用javascript判断IE版本号简单实用且向后兼容
Sep 11 Javascript
基于JQuery实现的图片自动进行缩放和裁剪处理
Jan 31 Javascript
Vue方法与事件处理器详解
Dec 01 Javascript
想学习javascript JS和jQuery哪个重要 先学哪个
Dec 11 Javascript
easyui-edatagrid.js实现回车键结束编辑功能的实例
Apr 12 Javascript
js上传图片预览的实现方法
May 09 Javascript
Bootstrap fileinput文件上传预览插件使用详解
May 16 Javascript
iscroll动态加载数据完美解决方法
Jul 18 Javascript
Javacript中自定义的map.js  的方法
Nov 26 Javascript
微信小程序自定义底部弹出框
Nov 16 Javascript
用js编写留言板
Mar 17 Javascript
vue计算属性时v-for处理数组时遇到的一个bug问题
Jan 21 #Javascript
Angular17之Angular自定义指令详解
Jan 21 #Javascript
laravel5.3 vue 实现收藏夹功能实例详解
Jan 21 #Javascript
详解node.js中的npm和webpack配置方法
Jan 21 #Javascript
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
Jan 21 #jQuery
js将当前时间格式化为 年-月-日 时:分:秒的实现代码
Jan 20 #Javascript
Vue cli 引入第三方JS和CSS的常用方法分享
Jan 20 #Javascript
You might like
探讨PHP JSON中文乱码的解决方法详解
2013/06/06 PHP
PHP实现时间日期友好显示实现代码
2019/09/08 PHP
javascript 对象的定义方法
2007/01/10 Javascript
使用jQuery validate 验证注册表单实例演示
2013/03/25 Javascript
Nodejs中读取中文文件编码问题、发送邮件和定时任务实例
2015/01/01 NodeJs
jQuery的几个我们必须了解的特点
2015/05/03 Javascript
理解JavaScript中worker事件api
2015/12/25 Javascript
bootstrap-treeview自定义双击事件实现方法
2016/01/09 Javascript
Vue.js组件tabs实现选项卡切换效果
2016/12/01 Javascript
基于javascript实现最简单选项卡切换
2017/02/01 Javascript
微信小程序实现图片轮播及文件上传
2017/04/07 Javascript
详解React中传入组件的props改变时更新组件的几种实现方法
2018/09/13 Javascript
浅谈ng-zorro使用心得
2018/12/03 Javascript
JavaScript模板引擎应用场景及实现原理详解
2018/12/14 Javascript
微信小程序判断用户是否需要再次授权获取个人信息
2019/07/18 Javascript
基于JS实现父组件的请求服务过程解析
2019/10/14 Javascript
举例讲解Python中装饰器的用法
2015/04/27 Python
Python语法快速入门指南
2015/10/12 Python
Python按行读取文件的简单实现方法
2016/06/22 Python
Flask框架URL管理操作示例【基于@app.route】
2018/07/23 Python
解决python中os.listdir()函数读取文件夹下文件的乱序和排序问题
2018/10/17 Python
Python中numpy模块常见用法demo实例小结
2019/03/16 Python
django框架实现一次性上传多个文件功能示例【批量上传】
2019/06/19 Python
python脚本执行CMD命令并返回结果的例子
2019/08/14 Python
如何利用python给图片添加半透明水印
2019/09/06 Python
python异常处理、自定义异常、断言原理与用法分析
2020/03/23 Python
使用CSS3实现多列布局与多背景的技巧
2016/02/29 HTML / CSS
HTML5页面直接调用百度地图API获取当前位置直接导航目的地的实现代码
2018/03/02 HTML / CSS
Belle Maison倍美丛官网:日本千趣会旗下邮购网站
2016/07/22 全球购物
世界上最大的在线学习和教学市场:Udemy
2017/11/08 全球购物
加拿大领先的牛仔零售商:Bluenotes
2018/01/22 全球购物
城建学院毕业生自荐信
2014/01/31 职场文书
水电站项目建议书
2014/05/12 职场文书
社区活动总结范文
2015/05/07 职场文书
2015年国庆节寄语
2015/08/17 职场文书
投资入股协议书
2016/03/22 职场文书