父组件动态传值给子组件

普通的传值这里就不讲了
场景需求：需要将动态获奖的名单给传到子组件里面显示

适用所有参数值得传递

方法一：

父组件代码：

<winner  ref='winner'></winner>
//传值
this.$refs.winner.getList(ret) //method方法里面点击事件操作里面写入;具体看需求

子组件代码：

 data () {
    return {
      list:[]
    }
  },
methods:{  
   getList(data){
       this.list =data;
    }
 },

方法二

父组件代码：

<winner  ref='winner'></winner>
//传值
this.$refs.winner.list = ret;

子组件代码：

 data () {
    return {
      list:[]
    }
  },

注意：

父元素使用ref时 如果在created钩子函数使用时一定要这样使用：

created: function() {
　　this.$nextTick(() => {
　　　　this.$refs.winner.list = ret;
　　 })
}