父子组件传值

相对于Right.vue位置来说属于父组件
<goodList>属于子组件

<GoodList :goodId="1"></GoodList>

现在需要在goodList.vue子组件中接收

现在会出现一个小小的bug
发现在初始化之后点击手机出现的是笔记本

解决办法就是在初始化的时候进行判断

data(){
            var _this=this;
            var url="";
            if(_this.goodId==1){
                url="json/bt.json";
            }else if(_this.goodId==2){
                url="json/sj.json";             
            }
            // $axios/$http 获取json数据 
                this.$axios.get(url).then(function(res){
                    _this.list=res.data;
                    console.log(_this.list)
                });
            return{
                list:[]
            }
        },
        props:{
            goodId:Number
        },
        watch:{
            // 监听父组件到子组件的传值
            goodId(){
                var _this=this;
                var url="";
                if(_this.goodId==1){
                    url="json/bt.json"; 
                }else if(_this.goodId==2){
                    url="json/sj.json"; 
                }
                this.$axios.get(url).then(function(res){
                    _this.list=res.data;
                })
                return{
                    list:[]
                }
            }
        }