微信小程序定义一个组件并使用_微信小程序组件 #id

作者：很楠不爱3 | 2024-03-25 20:17:43

踩

微信小程序组件 #id

无论是小程序还是PC三大框架又或者是uniApp，组件化开发都无疑是让文件内容的重用性大大增加，也对性能十分友好后期项目维护也会方便很多
那么如何在小程序中声明一个组件呢

首先我们在项目的根目录下创建一个文件夹叫 components 这个命名是通常项目存放组件的位置
在这里插入图片描述
然后直接右键文件夹选择创建 Component 非常的方便
这里我们直接叫 indexText

然后例如我们想在根目录下的pages下的index 中的Page界面引入他
就可以在对应的json文件中引入
参考代码如下

{
  "usingComponents": {
    "index-text":"../../components/indexText"
  }
}
1
2
3
4
5

在这里插入图片描述
这样我们的组件就进来了
这里我们测试一下

然后在 index 对应Page 的wxml 去尝试使用这个组件
在这里插入图片描述
运行结果如下

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/很楠不爱3/article/detail/312251

微信小程序定义一个组件并使用_微信小程序 组件 #id

微信小程序定义一个组件并使用_微信小程序组件 #id