Vue.js 支持组件嵌套，并且子组件可访问父组件的上下文。访问组件之外的上下文违反了[基于模块开发](https://github.com/pablohpsilva/vuejs-component-style-guide/blob/master/README-CN.md#%E5%9F%BA%E4%BA%8E%E6%A8%A1%E5%9D%97%E5%BC%80%E5%8F%91)的[第一原则](https://addyosmani.com/first/)。因此你应该尽量避免使用 `this.$parent`。 ### [](https://github.com/pablohpsilva/vuejs-component-style-guide/blob/master/README-CN.md#为什么-7)为什么？ * 组件必须相互保持独立，Vue 组件也是。如果组件需要访问其父层的上下文就违反了该原则。 * 如果一个组件需要访问其父组件的上下文，那么该组件将不能在其它上下文中复用。 ### [](https://github.com/pablohpsilva/vuejs-component-style-guide/blob/master/README-CN.md#怎么做-7)怎么做？ * 通过 props 将值传递给子组件。 * 通过 props 传递回调函数给子组件来达到调用父组件方法的目的。 * 通过在子组件触发事件来通知父组件。