我正在使用quasar和vue3构建一个SSR应用程序

在Chrome开发人员模式下,当我可视化生成的HTML时,我有一些Vue组件没有编译成原始的HTML,比如:

<body class="desktop body--light" data-server-rendered>
<div v-for="deal in clientssList" :key="client.Id">
  <CLientItemSmDown :ClientModel="deal"></CLientItemSmDown>
</div>

这是正常的吗,SSR不是应该返回原始的HTML以便机器人可以阅读它吗?

推荐答案

上次已经看到这个问题了(找不回来了).

But no, CLientItemSmDown is a valid web-component and don't need to be transformed into a built-in HTML tag like input, div etc...
There is maybe an option to convert it down the road to some HTML, but I don't think that it's necessary and it may not be easily done if it's not supported by default.

关于Vue + Web-components,这个页面可能会很有趣.

你可以筹集Github issue分,也可以加入their Discord分.


TLDR是,让它像IMO一样没有问题.

Vue.js相关问答推荐

Vuetify快速失败不会阻止发送表单

在预渲染模式下部署 nuxt 3 时出错

Vue3外部数组的响应性

为什么 Vue 在将设置脚本中的计算(computed)属性渲染到模板时找不到变量

如果似乎没有明确使用输入事件,那么发出输入事件有什么作用?

过渡如何在 Vue JS 3 中的图像上工作?

在 Vue 中删除自定义组件代码重复的方法?

nuxt.js auth 始终重定向到登录,而不是允许转到带有 auth: false 的页面,

纵横比元素溢出容器

路径别名在 vue 脚本块中不起作用

使用 Laravel 作为后端刷新 Vue.js SPA 的身份验证令牌

如何使用 Vue 命名插槽呈现静态内容列表?

如何在 vue 3 脚本设置中使用

导入没有 .vue 扩展名的 *.vue 文件时出现以下错误?

如何将 mapActions 与 vue + Typescript 类组件一起使用?

基于条件的VueJS HTML元素类型

包含 Vue 组件的 HTML 字符串的 Nuxt 渲染函数

如何在 vuetify 中将工具提示添加到数据表标题?

如何从 vue-apollo 中访问 this.$route?

Vuetify v-data-table 固定标题不起作用