了解mpvue框架

1.书写规范

在使用mpvue框架时,经常因为不注意导致项目报错,最常见的错误是空格,未引用定义属性,多余空行以及注释这些无奈的bug。这些都是因为格式化或者用法错误导致的,在正式开发过程中,我们需要开发环境语法规范使用esline,其实就是一些定义的标准写法,这里可以参考https://github.com/standard/standard/blob/master/docs/RULES-zhcn.md(书写规范文档)。

了解mpvue框架_第1张图片

比如上诉问题,在这两个问题中都是因为空格问题,第一个是在submitForm () {}缺少空格,第二个是因为定义的first字段在下面没有被引用。

当然你也可以安装插件来省去空格的失误问题,我比较懒没有去找插件,只得手动 空格  ,

2.约定

了解mpvue框架_第2张图片了解mpvue框架_第3张图片

使用的语言参考  http://mpvue.com/(官方文档)

以及其中使用第三方组件vantUI,在使用组件时引用组件在项目的配置文件中导入,列如下图配置

了解mpvue框架_第4张图片

在使用时可以直接 等。https://youzan.github.io/vant-weapp/#/intro(组件查看文档)

在引入组件时可能会出现错误,

VM54:1 thirdScriptError sdk uncaught third Error module "static/vant/button/index.js" is not defined

解决办法为:打开小程序开发者工具中的ES6 转 ES5功能

 

你可能感兴趣的:(小程序,总结)