vue-3-vue文件导入另一个vue文件

bdevy

于 2019-09-19 22:10:51 发布

阅读量4k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Vue 文章标签： Vue

本文链接：https://blog.csdn.net/qq_38328762/article/details/101038320

Vue 专栏收录该内容

2 篇文章

订阅专栏

新建一个 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>