（微信小程序）结构和组件

我是表哥Harker，表妹我来咯~

今天我们介绍下小程序项目的结构和常用的组件

 

微信小程序结构

1、小程序的结构

1）、小程序项目的结构 

 

2）、小程序页面的结构 

①. 小程序页面和Vue组件的对比 

• 每个.vue组件，是由 template 模板结构、script 行为逻辑、 style 样式3个部分组成的 
• 每个小程序的页面，是由 .wxml 结构、.js 逻辑、.json 配置、.wxss 样式表 这4个文件组成的 

②. 小程序页面中每个组成部分的作用 

• .wxml : 用来描述当前这个页面的结构，同时提供了类似于Vue中指令的语法 （就好比xml文件）
• .js : 用来定义当前页面中用到的数据、交互逻辑和响应用户的操作 （就好比javaScript）
• .json : 用来定义当前页面的个性化配置，例如，为每个页面单独配置顶部颜色、是否允许下拉刷新等 
• .wxss : 用来定义样式来美化当前的页面