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 傳遞回調函數給子組件來達到調用父組件方法的目的。 * 通過在子組件觸發事件來通知父組件。