梅科尔工作室——HarmonyOs第二次作业

注意：保存的快捷键是M

第十节、自定义组件应用

自定义组件的定义：即将我们内置的系统的组件，根据业务需求将已有的组件进行扩展，增加自定义的私有属性和事件，封装成新的组件，方便在工程中多次调用，提高页面布局代码的可读性。

tabbar（hml、js、css）：其实就是一个选项卡，其底部用来导航，或者点击切换，底部在很多页面中都会用到的一个组件

name属性是自定义的组件名，组件名称对大小写不敏感；如果不填组件名称的话，直接使用tabbar即可，默认使用小写，src 属性指自定义组件hml 文件路径(必填)；若没有设置 name 属性，则默认使用 hml 文件名作为组件名。

事件绑定：自定义组件中绑定子组件事件使用 (on|@)child1 语法（即赋值组件传参），子组件中通过 this.$emit('child1', { params: '传递参数' }) 触发事件并进行传值，父组件执行 bindParentVmMethod 方法并接收子组件传递的参数。

实操

新建一个鸿蒙系统的项目：empty project—命名—选“service”—SDK版本选择5—在硬盘里找到index文件夹（打开路径：E:dayixiadingdingpeixun\TwoHMstudy\entry\src\main\js\default\pages）   —复制index，创建两个副本，分别命名为about和news—回到软件，分别打开三个文件夹的hml，标题内容分别为首页、关于我们、新闻中心—打开config.json，在“pages/index/index”的基础上，再添加两个，只需将第一个index分别改为about、news—之后还要在底部，新建tabbar选项卡

——在default文件夹下面，新建new package，命名为components（注意：不要选js.component，因为鸿蒙系统编辑器  工具还没做好）—到硬盘中，在components文件夹中，新建文件夹并命名为tabbar—将in