如何在 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"); 

扫描二维码关注公众号,回复: 3218188 查看本文章

在 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,不仅免费还添加了许多新的功能,使用更爽更简洁,欢迎各位下载使用 : ) 

猜你喜欢

转载自blog.csdn.net/dismiss_picker/article/details/82627022
今日推荐