首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
华为云
V2EX  ›  程序员

bmob js-sdk 在 vue 中的使用

  •  
  •   allenNi · 271 天前 · 683 次点击
    这是一个创建于 271 天前的主题,其中的信息可能已经有所发展或是发生改变。

    bmob js-sdk 在 vue 中的使用

    在这里我就不在叙说 vue-cli 是如何安装的了。先来看看 vue 安装完成之后的目录。

    VUE 目录结构

    • build
    • config
    • node_modules
    • src
      • assets
      • components
      • router
      • App.vue
      • main.js
    • static
    • .babelrc
    • index.html
    • package.json
    • README.md

    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)
    })
    目前尚无回复
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2031 人在线   最高记录 3762   ·  
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.1 · 25ms · UTC 15:11 · PVG 23:11 · LAX 08:11 · JFK 11:11
    ♥ Do have faith in what you're doing.
    沪ICP备16043287号-1