【文件属性】：
文件名称：微信小程序-微信小程序组件化方案示例
文件大小：20KB
文件格式：ZIP
更新时间：2022-08-25 19:17:18
微信小程序
微信小程序组件化方案示例
> 由于微信小程序中只提供了template，而template仅仅是视图模板，我们其实想要的组件是包含视图（wxml和wxss）和逻辑(js)的。网上有第三方框架可以组件化，但是看了看，好复杂。而且结合到我们项目中，由于有1M的限制，实在无法过多使用第三方框架了。所以，有了下文。。。如果哪位大神有更好的方案，欢迎交流。
其实原理很简单，就是合并。做法分三步：
子组件的wxml作为模板include到父容器中
子组件的wxss import到父容器的wxss中
把父容器的data和方法与子组件的data和方法合并（注意：合并的data及方法名不能重名）
看看效果：
在子组件的input框中输入内容，父容器中显示input的内容，父容器中点击清空按钮后子组件input内容清空。
详细说明
组件部分
1.js部分把data及方法export出去供调用侧使用。
module.exports = {
data: {
childInputVal: ''
},
inputChange: function(event) {
【文件预览】：
XcxComponentsDemo-master
----pages()
--------index()
----utils()
--------util.js(790B)
----screenshot.jpg(30KB)
----components()
--------myComponent()
----app.js(719B)
----README.md(4KB)
----app.json(236B)
----app.wxss(261B)