新建一个 testtem.vue 文件

和 index.vue 同级

在testtem.vue 创建一个模板

 <template>
   <div id="tem_test">
       test。。。。。。
   </div>
 </template>
 
 <script>
 
 export default {
   name: 'tem_test',
 }
 </script>

将testtem导入index

 <template>
   <div id="index">
     ces
     <TemFoot></TemFoot>
   </div>
 </template>
 
 <script>
   import TemFoot from './testtem'
 export default {
   name: 'index',
   data () {
     return {
       msg: 'Welcome to Your Vue.js App'
     }
   },
   components:{
     TemFoot
   }
 }
 </script>
 
 <style>
 </style>