1、打开HBuilderX开发工具，新建js文件，输入文件名称，然后点击创建按钮
2、在新建的user.js文件，导入vue并实例化对象Color，并将Color导出
3、接着在src的组件文件夹下，新建一个Student.vue组件
4、在Student.vue文件中，导入user.js，并插入一个按钮；添加data对象，设置stuName初始值，并添加按钮事件方法
5、使用相同的方法，创建vue组件Teacher.vue文件，作为兄弟组件
6、打开Teacher.vue文件，在template标签插入div和label，并绑定stuName；接着在mounted中，使用User.$on绑定queryStu，获取值并进行赋值
7、打开App.vue文件，将Student组件导入，并在components添加这个组件；运行项目，并打开浏览器查看结果
