Vue.js中引用父组域的方法_优点_不推荐使用破坏了组件的独立性维护起来更麻烦
Vue.js中引用父组件作用域的方法
一、通过props传递数据
这可是最常见也是最推荐的做法。就像你给朋友送礼物一样,父组件通过props属性把数据“送”给子组件,子组件通过定义props来“接收”这些数据。
优点 | 缺点 |
---|---|
清晰的父子关系:数据流向明确,维护起来不头疼。 | 单向数据流:只能接收,不能随意修改,有点像礼物只能收不能送。 |
实例:
```html四、总结与建议
一般来说,用props传递数据是最合适的,它简单、清晰、可控。如果需要跨级传递数据,provide/inject是个不错的选择,但要注意它可能会让你的代码变得复杂。至于直接访问$parent,除非必要,否则还是少用为妙。