小程序页面和Vue组件的对比
Vue组件
- 每个.vue组件,是由template 模板结构、script 行为逻辑、style 样式三个部分组成的
小程序页面
- 每个小程序的页面,是由.wxml结构、.js逻辑、.json配置、.wxss样式表 这四个文件组成的
小程序页面中每个组成部分的作用
- .wxml: 用来描述当前这个页面的结构,同时提供了类似于Vue中指令的语法
- .js: 用来定义当前页面中用到的数据、交互逻辑和响应用户的操作
- .json: 用来定义当前页面的个性化设置,例如:为每个页面单独配置顶部颜色、是否允许下拉刷新等
- .wxss: 用来定义样式来美化当前的页面