美文网首页
mpvue的使用

mpvue的使用

作者: 菜蚴菜 | 来源:发表于2020-06-09 10:37 被阅读0次

一、Mpvue的使用

教程地址:https://www.jianshu.com/p/8f779950bfd9

Demo小程序的地址:https://github.com/linqj/mpvue

开发中遇到的问题:

1、增删文件需要重新build,重新运行一下命令行npm

run dev(注意点:新增文件必须重新运行该命令,编译器不会自动检测新加入的文件)

2、保存时不自动编译:微信开发者工具的菜单》设置》编辑设置中,将“保存时自动编译小程序”勾选上,这样当mpvue的代码自动编译完成后,模拟器才会自动刷新界面。

3、mpvue 通常使用Vue的生命周期方法,但也兼容原生的生命周期方法

4、首页页面配置

(1)在pages里写在第一行

(2)pages: [

 '^pages/index/main'

]

5、Vant Weapp 是移动端 Vue 组件库Vant的小程序版本

二、云数据库的使用

教程地址:https://www.imooc.com/learn/1121

1、开通云开发功能

2、新建项目,勾选云开发快速启动模板

3、初始化

在小程序端开始使用云能力前,需先调用 wx.cloud.init 方法完成云能力初始化,如果要使用云能力,通常我们在小程序初始化时即调用这个方法。

4、在数据库中新建对应的表

5、在表中进行增删查改

相关文章

  • 2018-04-25

    1.http://mpvue.com/mpvue/quickstart/ // mpvue 小程序的使用 2.n...

  • mpvue实战开发美团外卖小程序

    mpvue-meituan mpvue-meituan 是一款使用mpvue开发的实战小程序项目,完全仿制美团官方...

  • mpvue框架

    【最近更新】mpvue入门系列教程: 如何在mpvue中正确的引用小程序的原生自定义组件 使用mpvue开发小程序...

  • mac安装指定的node版本

    最近在node环境12.12.0中使用mpvue写小程序时, 编译出错 原因是mpvue项目中添加了 mpvue-...

  • mpvue系列(四):建议与注意事项

    1、mpVue使用中好的建议? (1)mpvue建议使用v-model.lazy绑定方式以优化性能,此外v-mod...

  • mpvue系列(三):组件、数据交互

    1、mpVue项目组件的使用? (1) mpvue 可以支持小程序的原生组件,比如: picker,map、swi...

  • mpvue的使用

    一、Mpvue的使用 教程地址:https://www.jianshu.com/p/8f779950bfd9 De...

  • mpvue使用

    1、初始化微信小程序项目 2、安装依赖 3、项目启动 4、项目结构 5、目录介绍

  • MPVUE 入坑笔记

    1.小程序官方的组件事件在mpvue中不能直接使用。例如:bindinput、bindblur,在mpvue中需要...

  • 如何用mpvue搭建小程序

    由于公司需要进行小程序的开发,自己就上网查询了一下使用mpvue框架来做小程序的教程。 在使用mpvue的时候首先...

网友评论

      本文标题:mpvue的使用

      本文链接:https://www.haomeiwen.com/subject/kjqstktx.html