vue的路由踩坑坑……之路（＜router-link/＞，＜router-view/＞）之router-link跳转时浏览器的路径是正确的，而router-view却不渲染数据？？？

为什么我的router-link跳转时浏览器的路径是正确的，而router-view却……为什么不渲染数据？？？这个问题我纠结了好几个小时。。到最后，真真真……（无语子）

先上图，看目录：

我的目录长这样

接下来我会用到这几个页面：
1，HelowWorld.vue页面（上代码）：

<template>
  <div class="hello">
    你好你好你好
    <h1>这里是HelloWorld</h1>
    <p>
      {
   {
   msg}}
    </p>
    
  </div>
</template>

<script>
export default {
   
  name: 'HelloWorld',
  data () {
   
    return {
   
      msg: 'Welcome to HelloWorld'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h1{
   
  color: goldenrod;
}
</style>

2，A_index.vue页面：

<template>
  <div class="hello">
    <h1>这里是A_index</h1>
    <p>
      {
   {
   msg}}
    </p>
  </div>
</template>

<script>
export default {
   
  name