流浪のwolf

卷帝

导航

Vue 组件如何进行传值的?

1 父子传值

  在子组件标签设置属性,在子组件内使用 props 接收属性值 ;

2. 子父传值

  在子组件中使用 emit 自定义事件,在子组件标签注册自定义事件 ,接收参数 ;

3. vuex 状态管理工具

  任何组件都可以获取状态,比如state 的数据,或者触发行为,比如mutation的方法 ;

4. provide + inject 祖先提供数据,后代注入数据

  provide 的格式是一个对象或者返回一个对象的函数 ;

  inject 的格式是一个字符串数组或者一个对象 ;

5. ref属性

  给组件标签设置ref属性,使用$refs.ref属性值,可以获取当前的组件实列 ;从而获取了组件的数据 ;

posted on 2022-10-17 19:55  流浪のwolf  阅读(22)  评论(0编辑  收藏  举报