个人练习，仅供参考。
1.先在components中创建公用的内容（public.vue）。components文件夹下放组件供其他页面调用。
2.在用到组件的页面导入该公用组件（import navTitle from "@/components/public.vue";）。
import 自定义命名 from "@/components/自定义组件"
3.注册组件，在components中注册组件（components: {"nav-title": navTitle,},）。
4.使用组件，<template><div>在其中插入需要该组件（<nav-title title="热门社区"></nav-title>）的位置</div></template>。
5.动态数据采用prop传值（props:["title"，"age",...]），变量接收（<h5>{ { title }}</h5>），在需要该组件的页面设置传的值（<nav-title title="热门社区"></nav-title>）
