vue:从一个vue页面引入另一个vue页面的内容

2023-05-16

1.编写被引入的页面:

<template>
    <div id="mychart" :style="{width: '500px', height: '500px'}">{{msg}}</div>
</template>
<script>

export default {
  name: 'Footer',
  data () {
    return {
      msg: '【这里是外部页面传入的消息】'
    }
  },
  mounted(){
    this.drawLine();
    
  },
  methods: {

  }
}
</script>

2.在需要引入的页面import,

import Footer from "@/components/Footer"

from 后是被引入的页面的路径,"@"表示src目录.
3.在需要引入的页面加入被引入的页面

  components: { Footer },

4.使用被引入的页面

 <Footer></Footer>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

vue:从一个vue页面引入另一个vue页面的内容 的相关文章

  • 公有云中的网络

    借用朋友石头的一句话 xff0c 一个公有云做的好不好 xff0c 可以看看它的网络和存储 的确 xff0c 不论你用KVM还是Xen xff0c 计算虚拟化都做的很好了 xff0c 用户在不同公有云中关于计算性能的体验 xff0c 主要源
  • NSURLCache缓存使用简介

    一 需求 1 在IOS应用程序开发中 xff0c 为了减少与服务端的交互次数 xff0c 加快用户的响应速度 xff0c 一般都会在IOS设备中加一个缓存的机制 使用缓存的目的是为了使用的应用程序能更快速的响应用户输入 xff0c 是程序高

随机推荐