Vue之如何封装组件，实现简单的组件复用

目录

封装

复用

配置路由

效果如下

---

 

封装

 

 首先，我们找到项目的components目录，在里面新建一个文件，我起名为myComponents.vue

 

然后，我们在文件中写入如下代码。我简单已一个图片为例，如果这个图片可以复用，那么其他内容当然也可以复用喽

<template>
  <img src="../../public/settings/时间.png">
</template>

<script>
export default {

}
</script>

<style>

</style>

 

 

复用

 

接下来，我们在view-mine中新建一个页面，作为最终显示给用户的页面