多加香菜

第一种使用二级路由的方式 使用默认二级路由的第二种方式： 通过动态路由传参的两种方式： 第一种方式： 第二种方式： 使用监听器 实时监听路由的变化： 动态添加路由，实现菜单栏变化 父组件把值传给菜单栏

监听器： watch 主要功能是监听数据变化。。。。。。。。。。。。。。。。。。。。。。。。。。。。

![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/7f2a028e95314be9959780edc4fbe7b3~tplv

父传子： 子接收并使用： 子改父： 在父组件操作子组件的dom元素 第一步： 第二步： vm是vue的实例化对象 使用.sync语法糖的形式 子组件改变父组件传过来的值： 也可以传入对象： 利用事件总

在父组件中引入子组件 导入子组件的注意事项： Style中scoped的作用 style标签里面使用图片路径的两种方式： 在元素中使用style方法动态使用background 第一种img是在src

级联下拉框级联下拉框级联下拉框级联下拉框级联下拉框级联下拉框级联下拉框级联下拉框级联下拉框级联下拉框级联下拉框级联下拉框

>样式 ![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/0e9002012b0f47d7a740fa469f96e100~

HelloVue 引入vue.js 创建一个带有id的dom 编写vue实例，el挂载点对应HTMLdom，data表示vue实例中的数据 vue指令 v-if是控制dom存在或者不存在的指令为tru

>轮播图代码（可套用） ![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/dc47c518dc204841ad3efea42