前面我们梳理了mpvue的各种开发结构,mpvue会编译生成满足微信小程序的原生代码,为了更熟更了解,我们还是需要看一看的,接下来就让我们一探究竟
在项目的dist目录下,我们清楚的看到了微信原生代码结构,嗯,非常的清晰
common:公共js
components:模块
pages:微信页面存放地
static:一些静态的东西
app.js:启动js
app.json:各种配置
app.wxss:全局css
sitemap.json:这是干嘛的我也不知道
我们找到一个tab栏对应的一个模块看下
上图这边是微信原生的,右边是mpvue的,嗯,明显还是mpvue方便啊
index.vue.wxml内容如下,嗯,这是页面