vue-meta不会在页面刷新或动态组件的外部链接单击时显示标题、内容或架构

vue-meta是一个Vue.js插件，用于管理页面的元信息。它可以在Vue组件中动态设置页面的标题、描述、关键字等元信息，并且可以根据路由的变化自动更新这些信息。

在页面刷新或动态组件的外部链接单击时，vue-meta默认不会显示标题、内容或架构。这是因为在这些情况下，Vue应用会重新加载并重新渲染页面，而vue-meta的元信息是通过Vue的生命周期钩子函数来设置的。当页面重新加载时，之前设置的元信息会丢失，需要重新设置。

要解决这个问题，可以使用vue-router的导航守卫来监听路由的变化，并在路由变化时重新设置vue-meta的元信息。具体的做法是在路由的beforeEach钩子函数中调用vue-meta的set方法，将需要的元信息传递给它。这样，在页面刷新或动态组件的外部链接单击时，vue-meta就会重新设置元信息并显示在页面上。

以下是一个示例代码：

import Vue from 'vue';
import VueMeta from 'vue-meta';
import router from './router';

Vue.use(VueMeta);

router.beforeEach((to, from, next) => {
  // 设置页面的元信息
  VueMeta.set(to.meta);

  next();
});

在上面的代码中，我们首先通过Vue.use()方法安装了vue-meta插件，并将其集成到Vue实例中。然后，在路由的beforeEach钩子函数中，我们调用VueMeta.set()方法来设置页面的元信息，其中to.meta是路由对象中定义的元信息。

需要注意的是，为了使vue-meta正常工作，我们还需要在Vue组件中使用特定的组件选项来声明和设置元信息。具体的用法可以参考vue-meta的官方文档。

推荐的腾讯云相关产品：腾讯云服务器（CVM）、腾讯云对象存储（COS）、腾讯云CDN（内容分发网络）等。你可以通过访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于这些产品的详细信息和使用指南。