获得徽章 0
职业规划：
1. 基础阶段（初级前端开发）：学习 HTML、CSS 和 JavaScript，并掌握一些前端框架和库，如 jQuery 和 Bootstrap。在这个阶段，您的职业目标是成为一个优秀的前端工程师，能够开发和维护简单的网站和 Web 应用。
2. 进阶阶段（中级前端开发）：深入研究前端技术栈，如 React、Vue.js、Angular 等，并掌握前端工程化和构建工具，如 Webpack、Grunt、Gulp 等。在这个阶段，您的职业目标是成为一个独立开发的前端工程师，并能够构建复杂的 Web 应用。
3. 高级阶段（资深前端开发）：深入研究前端技术栈，并掌握高级技术和领域知识，如性能优化、跨平台开发、移动端开发、UI/UX 设计等。在这个阶段，您的职业目标是成为一个技术领袖，能够指导团队开发、设计和实施复杂的 Web 应用。
4. 职业转型：如果您对前端开发感到不满意或想要更广泛的职业发展，可以考虑转向其他领域，如后端开发、数据分析、人工智能等。在这个阶段，您的职业目标是掌握新的技能和知识，以适应市场需求和个人兴趣。
1. 基础阶段（初级前端开发）：学习 HTML、CSS 和 JavaScript，并掌握一些前端框架和库，如 jQuery 和 Bootstrap。在这个阶段，您的职业目标是成为一个优秀的前端工程师，能够开发和维护简单的网站和 Web 应用。
2. 进阶阶段（中级前端开发）：深入研究前端技术栈，如 React、Vue.js、Angular 等，并掌握前端工程化和构建工具，如 Webpack、Grunt、Gulp 等。在这个阶段，您的职业目标是成为一个独立开发的前端工程师，并能够构建复杂的 Web 应用。
3. 高级阶段（资深前端开发）：深入研究前端技术栈，并掌握高级技术和领域知识，如性能优化、跨平台开发、移动端开发、UI/UX 设计等。在这个阶段，您的职业目标是成为一个技术领袖，能够指导团队开发、设计和实施复杂的 Web 应用。
4. 职业转型：如果您对前端开发感到不满意或想要更广泛的职业发展，可以考虑转向其他领域，如后端开发、数据分析、人工智能等。在这个阶段，您的职业目标是掌握新的技能和知识，以适应市场需求和个人兴趣。
展开
评论
点赞
![[奋斗]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_29.2801857.png)
### **（1）****`props / $emit`**** 适用 父子组件通信**
这种方法是 Vue 组件的基础，相信大部分同学耳闻能详，所以此处就不举例展开介绍。
### **（2）****`ref`**** 与 ****`$parent / $children`**** 适用 父子组件通信**
- `ref`：如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例
- `$parent` / `$children`：访问父 / 子实例
### **（3）****`EventBus （$emit / $on）`**** 适用于 父子、隔代、兄弟组件通信**
这种方法通过一个空的 Vue 实例作为中央事件总线（事件中心），用它来触发事件和监听事件，从而实现任何组件间的通信，包括父子、隔代、兄弟组件。
### **（4）****`$attrs`****/****`$listeners`**** 适用于 隔代组件通信**
- `$attrs`：包含了父作用域中不被 prop 所识别 (且获取) 的特性绑定 ( class 和 style 除外 )。当一个组件没有声明任何 prop 时，这里会包含所有父作用域的绑定 ( class 和 style 除外 )，并且可以通过 `v-bind="$attrs"` 传入内部组件。通常配合 inheritAttrs 选项一起使用。
- `$listeners`：包含了父作用域中的 (不含 .native 修饰器的) v-on 事件监听器。它可以通过 `v-on="$listeners"` 传入内部组件
### **（5）****`provide / inject`**** 适用于 隔代组件通信**
祖先组件中通过 provider 来提供变量，然后在子孙组件中通过 inject 来注入变量。 provide / inject API 主要解决了跨级组件间的通信问题，不过它的使用场景，主要是子组件获取上级组件的状态，跨级组件间建立了一种主动提供与依赖注入的关系。
### **（6）Vuex 适用于 父子、隔代、兄弟组件通信**
这种方法是 Vue 组件的基础，相信大部分同学耳闻能详，所以此处就不举例展开介绍。
### **（2）****`ref`**** 与 ****`$parent / $children`**** 适用 父子组件通信**
- `ref`：如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例
- `$parent` / `$children`：访问父 / 子实例
### **（3）****`EventBus （$emit / $on）`**** 适用于 父子、隔代、兄弟组件通信**
这种方法通过一个空的 Vue 实例作为中央事件总线（事件中心），用它来触发事件和监听事件，从而实现任何组件间的通信，包括父子、隔代、兄弟组件。
### **（4）****`$attrs`****/****`$listeners`**** 适用于 隔代组件通信**
- `$attrs`：包含了父作用域中不被 prop 所识别 (且获取) 的特性绑定 ( class 和 style 除外 )。当一个组件没有声明任何 prop 时，这里会包含所有父作用域的绑定 ( class 和 style 除外 )，并且可以通过 `v-bind="$attrs"` 传入内部组件。通常配合 inheritAttrs 选项一起使用。
- `$listeners`：包含了父作用域中的 (不含 .native 修饰器的) v-on 事件监听器。它可以通过 `v-on="$listeners"` 传入内部组件
### **（5）****`provide / inject`**** 适用于 隔代组件通信**
祖先组件中通过 provider 来提供变量，然后在子孙组件中通过 inject 来注入变量。 provide / inject API 主要解决了跨级组件间的通信问题，不过它的使用场景，主要是子组件获取上级组件的状态，跨级组件间建立了一种主动提供与依赖注入的关系。
### **（6）Vuex 适用于 父子、隔代、兄弟组件通信**
展开
评论
点赞
![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)