vue从一个页面引入另一个页面

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_41377857/article/details/83991680

1.先写好一个demo页面

demo.vue
 <template>
  <div>
    <h1>11111</h1>
  </div>
 </template>
 <script>
    export default {}
 </script>
 <style scoped>
 </style>

2.在写另一个页面

<template>
  <div>
    <h1>2222</h1>
    <Demo></Demo>
  </div>
</template>
import demo from '@/xxx/xxx/demo.vue'  <!-- demo: 是别名  @/xxx/xxx/demo.vue: demo页面的路径,@是src  -->
<script>
    export default {
      data () {
      return {},
      methods: {},
      mounted () {},
      components: {
        'Demo': demo  //将别名demo 变成 组件 Demo
      }
}
</script>
<style scoped>
</style>
展开阅读全文

没有更多推荐了,返回首页