文件名称：微信小程序-微信小程序组件化方案示例
文件大小：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)