老师我这h3标签渲染不出来是怎么回事啊，后面直接写h1的也渲染不出来呢，结果都是加粗一点。

老师，我用2版本脚手架搭建项目的时候，一直卡着装不上是什么原因啊，重新试了好几次了，全局已经安装了node，npm，cnpm，vue，vue-cli。

这个是什么错误啊？我直接用的老师的文件安装的，但是显示不出来8080的界面

<div id="app">
    <!-- item 数组中的项 -->
    <p v-for="item in list">{{item}}</p>
    <hr/>
    <p v-for="(item, i) in list">索引：{{i}} --- 每一项：{{item}}</p>
</div>

<script type="text/javascript">
    var vm = new Vue({
        el: '#app',
	data: {
	    list: ['1','2','3','4','5','6']
	},
	methods: {
				
	}
    });
</script>

为什么渲染获取的索引和数组中的元素错位呢？索引中得到的是数组中的每一项，数组元素得到的是对应的索引

这节课里面的资料没有，跨域那一段是老师提前写好的，我在网上搜索了老半天才查出来，老师，这是去年的现场课了，资料能优化一下吗？

老师，这里我不太明白，建立 的文件夹home  shop   等的首字母必须大写呀？里面的文件夹必须是index.vue呀，二级的时候就可以不考虑这个问题了，我试着改了一下之后，就报错。

怎么让它在显示404页面的时候，会默认关闭首页和商城的显示，整个页面只有404

<template>
  <div>
    A组件
  </div>
</template>

<script>
    export default {
        name: "AComponents",
      data(){
        return{

        }
      }
    }
</script>

<style scoped>

</style>

<template>
  <div>
    B组件
  </div>
</template>

<script>
    export default {
        name: "BComponents",
      data(){
          return{

          }
      }
    }
</script>

<style scoped>

</style>

<template>
  <div>
    动态组件：
    <AComponents />
    <BComponents />
  </div>
</template>

<script>

  import AComponents from './components/AComponents';
  import BComponents from "./components/BComponents";
  export default {
      name: "APIDemo1",
    data(){
      return{

      }
    },
    components: {
        AComponents,
        BComponents,
    }
    }
</script>
<style scoped>

</style>

<template>
  <div id="app">
    <router-view/>
    <login />
  </div>
</template>

<script>
  import login from './components/login'
export default {
  name: 'App',
  components:{
    login
  },
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>

<router-view />为什么能引用到HelloWorld.vue里面的内容，不是应该用<HelloWorld />吗

<template>
  <div id="app">
    <APIDemo2 />
  </div>
</template>

<script>
import APIDemo1 from './components/APIDemo1';
import APIDemo2 from './components/APIDemo2';
import HelloWorld from './components/HelloWorld'
export default {
  name: 'App',
  components:{
    HelloWorld,
    APIDemo1,
    APIDemo2,
  }
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>

<template>
  <div>
    API
  </div>
</template>

<script>
    export default {
        name: "AIPDemo2",
      data(){
        return{

        }
      }
    }
</script>

<style scoped>

</style>

<template>
  <div>
    <p>{{count}}</p>
    <button @click="setCountHandler">按钮</button>
    <a :href="url">百度</a>
    <p v-for="(item,index) in names" :key="index">{{item}}</p>
    <button @click="addNames">按钮</button>
  </div>
</template>

<script>
    export default {
        name: "APIDemo1",
      data(){
          return{
            count:10,
            url:"http://www.baidu.com",
            names:["a","b","c","d"]
          }
      },
      methods:{
          setCountHandler(){
            this.count+=1
          },
          addNames(){
            let currentName = ["e","f"];
            let totalNames = this.name.concat(currentName);
            this.names = totalNames;
          }
      }
    }
</script>

<template>
  <div class="hello">
   {{ msg }}
    <p v-html="room"></p>
    <a v-bind:href="links.url">{{ links.title }}</a>
    <p>{{1+1}}</p>
    <div>
      <template v-if="flag">
        <p>孙悟空</p>
        <p>唐僧</p>
        <p>猪八戒</p>
        <p>沙和尚</p>
      </template>
      <template v-else>
        <p>六耳猕猴1</p>
        <p>六耳猕猴2</p>
        <p>六耳猕猴3</p>
        <p>六耳猕猴4</p>
      </template>
    </div>
    <p v-show="flag">我是show</p>
    <p v-for="(item,index) in names" v-bind:key="index">{{ item }}</p>
    <p v-for="(item,name,index) in obj" v-bind:key="index">{{name}}:{{item}}: {{index}}</p>
    <p>{{count}}</p>
    <button v-on:mouseover="addCountHandler(10,$event)">按钮</button>
  </div>

</template>

<script>
export default {
  name: 'HelloWorld',
  data () {
    return {
      msg: 'HelloWorld',
      flag:true,
      count:0,
      room:"<h2>只是一个h2标签</h2>",
      names:["zhou","jia","quan"],
      obj:{name:"邹雅婷",age:20,sex:"女"},
      id:1002,
      links:{
        title:"周家泉的小屋",
        url:"http://www.baidu.com",
      }
    }
  },
  methods:{
    addCountHandler(data,event){
      console.log(event)
      this.count += data
    }
  }
}
</script>

这个event事件一直报错

请问提供的源码全码？为什么发过来的源码和视频里完全不一样，缺少很多文件

在拉取 2.x 模板 (旧版本)，运行之后报错，应该说是包被弃用了，最后说请求被驳回了，

我该怎么做？

而直接使用vue create创建项目显示

这又是什么原因，麻烦老师说的详细点