wepy用于微信小程序开发

“开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 二 天，点击查看活动详情”

wepy介绍

wepy主要用于微信小程序的开发，语法类似vue.js 可以让小程序支持promise,支持第三方编译器与插件
原始的小程序开发emmmmm，只能说感觉与vue格格不入，在这个大前端时代，感觉还是趋近于语法统一化靠近。

wepy编译后微信小程序会自动编译成原生代码，注意这里的原生代码建议不要试图理解，它与原生还是有很大的差别的，如果要改功能直接在wepy代码中修改。

官方链接

模板语法 - WePY Document (wepyjs.github.io)
微信小程序官方链接
微信开放文档 (qq.com)

问题： 父组件中的数据上传不上去

原因： 页面初始化时数据并没有加载出来，需要初始化后用户手动填写数据，故这里的方法应写在点击保存后的触发函数中

注意点： 可以通过在父组件、子组件onload以及他们当中的方法函数中填写console.log()

来探查问题出在哪一模块

 $ActionPanel$createRecord: function $ActionPanel$createRecord() {
      
        var database = wx.cloud.database();
        var commodity = database.collection('commodity');
        commodity.add({
          data: {
          }
        })
      },

输出的结果 

这里由于对data部分数据初始化，故可以打印出这三个值，但其他值不可打印

回到父组件edit.js中

父组件中调用子组件的值

$ActionPanel$submitText

wepy中子组件写creatRecord方法，父组件需要用$ActionPanel$createRecord来接收

ActionPanel是微信小程序自动添加的子组件类名

语法

判断等语法与vue类似，微信小程序原生语法一般有前缀wx: <div v-if="condition"></div> 同样v-on等同于@

插件

可以自己写插件但要暴露install方法，让组件可以导出。