可以将微数据属性放在vuejs标签上吗？

Question

在我们的网站中，我们有使用vuej构建的产品详细信息页面，其中包含一些非标准的HTML元素。例如我们有以下内容来显示产品的平均评级

<rating :stars="5"
        :rating="@Model.Rating"
        size="'large'"></rating>

Vuejs然后在浏览器中转换上面的标记以显示许多星形图标，为浏览器生成完全不同的HTML标记。 我们需要添加对Schema.org的支持。是否可以将itemprop="ratingValue"属性添加到上述元素中，例如：

<rating :stars="5"
        :rating="@Model.Rating"
        size="'large'"
        itemprop="@Model.Rating"></rating>

或Microdata是否要求将属性放在标准HTML元素上？

Answer 1

查看https://ssr.vuejs.org/en/

  

请注意，截至目前，Google和Bing可以为同步JavaScript编制索引   申请就好了。同步是那里的关键词。如果你的   app以加载微调器开始，然后通过Ajax获取内容   爬虫不会等你完成。这意味着如果你有   在SEO很重要的页面上异步获取内容，SSR   可能是必要的。

如果您渲染内容服务器端，schema.org标记将起作用，但如果在API请求或其他异步操作之后呈现包含您的标记的内容，则搜索引擎将无法看到您的标记。

注意：itemprop="@Model.Rating"可能无法执行您想要的操作，您可能希望:itemprop="@Model.Rating"，否则您将获得文字@Model.Rating作为itemprop的值。