老师。我安装了node.js，但是没有安装淘宝镜像，在这里用的是npm.但还是安装不了vue脚手架，麻烦老师帮我看一下。

<template>
    <div>
        动态组件：
        <button @click="showA">显示A</button>
        <button @click="showB">显示B</button>
        <component v-bind:is="currentTabComponent"></component>
    </div>
</template>
<script>
import AComponent from './child/AComponent'
import BComponent from './child/BComponent'

export default {
    name:'MyComponents',
    data() {
        return{
            currentTabComponent:AComponent
        }
    },
    components:{
        AComponent,
        BComponent
    },
    methods:{
        showA(){
            this.currentTabComponent = AComponent
        },
        showB(){
            this.currentTabComponent = BComponent
        }
    }
}
</script>
<template>
    <div>
        A组件
    </div>
</template>
<script>
export default {
    name:'AComponent',
    data() {
        
    },
}
</script>
<template>
    <div>
        B组件
    </div>
</template>
<script>
export default {
    name:'BComponent',
    data() {
        
    },
}
</script>

老师，为啥我只能切换一次，刚开始刷新的时候点b可以切换，然后再点A就不可以了

老师为啥 我用this.$router.push()传递参数 跳转shop页面 汇报出一个id未定义错误，其他都没问题

老师 怎么把data里面的ids参数传到params里面

老师 我这里路由哪里写错 没看到  帮忙看一下信息

老师我为啥自定义了指令 当Life组件中点击改变按钮时候的P元素 会渲染而且字体应该是黄色 为啥不生效  

老师为啥我形参item 会报错 我看视频老师没有{{item}编译也不会报错

老师，报这个错是什么原因呢？？？？？？？？

老师，新建的vue文件里的内容在浏览器上这怎么显示不出来？只能显示HelloWorld.vue这个文件

老师，这个问题怎么解决?一直说无法加载内容脚本

<template>
    <div>
        <button @cilck="showA">A组件</button>
        <button @click="showB">B组件</button>
        <button @click="showC">kong组件</button>
        <keep-alive>
            <component :is="current"></component>
        </keep-alive>
        

        动态组件    
    </div>
</template>

<script>
import AComponent from "./child/AComponent";
import BComponent from "./child/BComponent";
export default {
    name:"dongtai_components",
    data(){
        return{
            current:AComponent,

        }
    },
    components:{
        AComponent,
        BComponent,
    },methods:{
        showA(){
            this.current=AComponent;
        },
        showB(){
            this.current=BComponent;
        },showC(){
            this.current=AComponent;
        }


    }
}
</script>
<template>
    <div>
        AComponentaaa
    </div>
</template>
<script>
export default {
    name:"AComponent",
    data(){
        return{

        }
    }
}
</script>
<template>
    <div>
        BComponent
        {{msg}}
        <button @click="handle">改变数据</button>
        
    </div>
</template>
<script>
export default {
    name:"BComponent",
    data(){
        return{
            msg:"原有数据"

        }
    },
    methods:{
        handle(){
            this.msg="这是修改后的数据"

        }
    }
}
</script>

老师我这个showA点击之后没效果，而且把整个showA删除之后，后面两个事件也没效果了。是怎么回事

老师，这里显示红线，但是页面中是可以正常显示元素的

请老师跟相关人员说一下，这节课真的听得稀里糊涂的。谢谢老师

老师，这个插槽我不太理解，为什么要使用插槽而不是直接在页面内写元素呢，插槽内的样式在哪个页面去定义呢

老师 我这个headers里面也没有

authorization

这个值啊   ，这个headers的跨域处理是什么意思呢