微信小程序开发（页面组件）
前面写到微信小程序开发中每一个页面都对应四个文件，它们就是小程序页面组件index.wxml，index.wxss，index.js，index.json四个文件。
index.wxml：
类似HTML，它里面是显示在前端中的标签，一般是可视的模块。不同与HTML的是wxml中没有像<head>和<body>这些类似的标签。
由于这里需要的篇幅较长，所以后面再另发一篇来详细介绍wxml中的常用标签。
index.wxss：
类似CSS，修饰元素样式。这里需要注意wxss中没有*全局选择器。
index.js：
小程序中的JavaScript文件。在这里可以连接微信云开发数据库，可发送请求给服务器等动态操作。这里就涉及到微信小程序中的云开发了，后面我也会写到。
数据绑定操作：
在js页面中有一个data属性，通过它进行数据绑定。
如：
data:{
abc:'def'
},wxml中可以通过{abc}来获取'def'这个值。
这里需要介绍东西较多，js中有许多周期函数方法，这里由于篇幅原因还是另开一篇介绍吧。
index.json：
页面中的配置文件，作用与全局配置文件相似。
{
"usingComponents": {
"Sinput":"../../components/Sinput/Sinput"
},
"navigationBarTitleText": "页面标题"
}它与全局配置文件属性不同的是"usingComponents"属性，该属性用来声明自定义组件，自定义组件是我们开发者自定义的标签，就像<view>，我们可以自定义一个标签，给这个标签赋予需要的作用或样式，然后就可以在我们的页面使用它。
这里又涉及到了自定义组件的创建和使用，还是后面会详解。
其他的属性基本与全局配置文件无异，全局配置文件配置过的属性这里无需再次配置，如果重复配置优先显示页面配置文件中的属性值。
本文参与 腾讯云自媒体同步曝光计划，分享自微信公众号。
原始发表：2020-12-12，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
