024自定义组件-组件的创建与引用

创建组件

（1）在项目根目录中，鼠标右键，创建components->text文件夹
（2）在新建的components->text文件夹上，鼠标右键，点击“新建Component”
（3）键入组件的名称之后回车，会自动生成组件对应的4个文件，
	后缀名分别为.js，.json，.wxml和.wxss。

注意：为了保证目录结构的清晰，建议把不同的组件，存放到单独目录中，
例如：

引用组件

局部引用：组件只能在当前被引用的页面内使用
全局引用：组件可以在每个小程序页面中使用

3.局部引用组件

在页面.json配置文件中引用组件的方式，叫做“局部引用”。势力代码：
//在页面的.json文件中，引入组件

在页面的.wxml文件中，使用组件

在引用的页面.json文件中的usingsComponents文件中定义K-V。
K：引用组件自定义的名字，引用时的名字。
V：引用组件路径。
在页面中直接使用K。

全局引用组件

在app.json全局配置文件中引用组件的方式，叫做“全局引用”。
示例代码如下：

在app.json文件中的usingsComponents文件中定义K-V。
K：引用组件自定义的名字，引用时的名字。
V：引用组件路径。
在页面中直接使用K。

全局引用VS局部引用

根据组件的使用频率和范围。来选择合适的引用方式：
如果某组件在多个页面中经常被用到，建议进行“全局引用”

组件和页面的区别

从表面来看，组件和页面都是由.js、.json、.wxml和wxss这四个文件组成。
但是，组件和页面的.js与.json文件有明显不同：
组件的.json文件中需要声明“component”：”true”属性
组件的.js文件中调用的是Component()函数，页面是page函数
组件的事件处理函数需要定义到methods节点中，页面是和data节点平级