沙皮狗的忧伤529

第一步： 在main.js上new 出一个新的vue实例化对象，挂载到当前使用的vue的原型上并起个属性名叫$bus，见下图 第二步： 第三步：

在父组件操作子组件的dom元素 第一步：   第二步：在父组件操作子组件的dom元素 第一步：   第二步：在父组件操作子组件的dom元素 第一步：   第二步：

Props接收值的三种方式Props接收值的三种方式Props接收值的三种方式Props接收值的三种方式Props接收值的三种方式Props接收值的三种方式

组件之间的传值： 父组件传递给子组件： 子组件改变父组件的值： 步骤1 在子组件点击触发changeFu方法 步骤二 使用this.$emit使用自定义事件传给父组件值 步骤三 父组件监听自定义事件，

style标签里面使用图片路径的两种方式： 在元素中使用style方法动态使用background 第一种img是在src中assets中的 第二种图片是在根路径中的（放在根路径中更加的方便）

![图片3.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/096d0f50a0964a5a8f461c35d80a2c2c~tplv-k

Vue脚手架中的子组件创建 Vue脚手架中的子组件创建 在父组件中引入子组件 导入子组件的注意事项：

导出一个obj对象的具体方式： npm run lint 帮你检查哪里出现了问题并指出 还可以修复写法不规范产生的bug Es6对象的属性名和值的变量名重名，可以简写成如下的模式： 第二种导出的方式

![微信截图_20211221181644.png](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/9bad78c1437b4ef7a7b2336