如何在 vue 中的使用bmob.js

在这里我就不在叙说 vue-cli 是如何安装和bmob.js如何获取,直接看如何导入并使用。

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)

})

我在AppStroe上传了个APP叫《今日便签》,完美高仿鼎鼎大名的Clear,不仅免费还添加了许多新的功能,使用更爽更简洁,欢迎各位下载使用 : ) 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值