1.创建一个组件
图中的singerList就是一个组件,组件为了规范通常放在conponents里。
2.在页面的json文件里引用组件
![](https://i-blog.csdnimg.cn/blog_migrate/6fd0d7d492857b8a88b4fdfae1feda9a.webp?x-image-process=image/format,png)
标签名字记得对应json文件里的对应的组件的key值
3.使用组件的方法和属性(父级别调用)
组件内定义了一个fun的方法
![](https://i-blog.csdnimg.cn/blog_migrate/bd3b987cc1b41021b9508046058cb238.webp?x-image-process=image/format,png)
4.页面传值/方法到组件
页面里这样配置
当调用fun()时,则会执行index.js里的exFun
图中的singerList就是一个组件,组件为了规范通常放在conponents里。
标签名字记得对应json文件里的对应的组件的key值
组件内定义了一个fun的方法
页面里这样配置
当调用fun()时,则会执行index.js里的exFun