mpvue目录结构

最新推荐文章于 2023-05-20 16:18:13 发布

ঞ᭄阿້໌ᮩ莲໌້ᮨꦿ

最新推荐文章于 2023-05-20 16:18:13 发布

阅读量320

点赞数

分类专栏： mpvue

本文链接：https://blog.csdn.net/qq_41241504/article/details/100796596

版权

本文介绍了mpvue的目录结构，包括dist目录、counter（vuex）、project.config.json、app.json、src/page/index等关键部分。重点讲解了app.json作为小程序全局配置文件的作用，以及如何设置首页组件，确保mpvue在多页面小程序中正确识别首页。

摘要由CSDN通过智能技术生成

srcDom是自己写的请忽略

dist目录是在执行npm run dev后由src编译生成的微信小程序文件。

counter目录是mpvue官方快速模板中存放vuex的目录，也就类似于vuex中的store目录。

project.config.json是开发工具的配置文件。

app.json

app.json是小程序的全局配置文件，其包含了小程序的页面文件路径配置、窗口的全局样式信息、底部选项卡式菜单栏的配置，以及一些小程序网络超时的配置等等。与原生小程序的app.js文件的作用一样。

这部分相当于原生小程序的 app.js

<script>
　 export default {　　
　　　created () {　　　
　 console.log('miniapp created!!!')
     }　　
  }
</script>

这部分相当于原生小程序的 app.wxss

<style>
　.container {
      background-color: #cccccc;
     }
</style

在src/page目录下的index文件夹：

关注

专栏目录