使用Wepy开发微信小程序（1）——初识Wepy

本来想好好的写写TS开发小程序的，奈何情况有变，公司研发资源重新调配，无法在这条路上走下去，目前新的方案是使用Wepy进行开发（因为新的人员之前习惯使用Vue，为了降低他的入手难度选择了这个框架），其实很多时候我们学习新框架更多的还是因为当时的项目环境，决策环境导致的。

从以上的官网介绍中我们可以得到以下几个信息：

参考： https://tencent.github.io/wepy/document.html#/./doc.cli?id=%E5%AE%89%E8%A3%85-installation

跟着官方文档一步步走下去，很快就搭好了，输入的命令如下：

在微信小程序开发工具中预览如下：

好了，第一步算是走完了，接下来就是找个好的完整的开源项目进行学习了。

下面是最近了解的，开发者使用较多的框架：

1. WePY

WePY属腾讯系，是一款组件化的开发框架，比原生小程序的开发模式更接近于MVVM ，它类Vue的开发风格，让Vue开发者很容易上手。

Github地址: https://github.com/Tencent/wepy

官网地址：https://tencent.github.io/wepy

2. mpvue

mpvue 是美团点评开源的一个使用Vue.js开发小程序的前端框架。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验。

Github：https://github.com/Meituan-Dianping/mpvue

官网：http://mpvue.com/

排查了好久都没有头绪。

最后只能通过对比。

同时打印该组件的this，和，能成功触发父组件的子组件，中的this。

发现了问题所在。

前者的$isComponent值是false，而后者是true。

我就纳闷了，明明组件是注册并且成功使用的，怎么会提示不是组件呢？

难道是因为我那个子组件文件没有放到components目录导致的？

移动之后，依然未触发。

在焦灼摸索了个把钟后，终于发现了问题所在。

原来，无法成功触发父组件的子组件中，继承的是wepy.page

应该继承wepy.component才对

问题解决！！

---