Javascript 如何使服务器/srr仅作为vue组件渲染？

我使用的是

vue no-ssr

（），但它创建的组件仅在客户端渲染。我想在服务器端渲染我的组件。有没有办法制作一个只在服务器上渲染的vue组件

我试图使用下面的

vue no ssr

的源代码，但我不知道如何熟练使用

export default {
  name: 'NoSsr',
  functional: true,
  props: {
    placeholder: String,
    placeholderTag: {
      type: String,
      default: 'div'
    }
  },
  render(h, { parent, slots, props }) {
    const { default: defaultSlot = [], placeholder: placeholderSlot } = slots()

    if (parent._isMounted) {
      return defaultSlot
    }

    parent.$once('hook:mounted', () => {
      parent.$forceUpdate()
    })

    if (props.placeholderTag && (props.placeholder || placeholderSlot)) {
      return h(
        props.placeholderTag,
        {
          class: ['no-ssr-placeholder']
        },
        props.placeholder || placeholderSlot
      )
    }

    // Return a placeholder element for each child in the default slot
    // Or if no children return a single placeholder
    return defaultSlot.length > 0 ? defaultSlot.map(() => h(false)) : h(false)
  }
}

vue惰性水合作用

---

看起来只有在空闲时才能执行ssr可见时。。。此外，我还对你的问题进行了编辑，以便更清楚地说明我认为你想问什么。然而，我必须说，这对我来说没有多大意义，为什么你会想要只有SSR组件。如果使用SSR，则所有内容都由服务器呈现，除非在应用程序中导航。只有SSR的组件在刷新之前只是某种占位符。。。除非将导航设置为静态链接，在这种情况下，不需要在仅SSR组件上执行任何操作。@Sumurai8我想做一些类似的事情，例如它不会在客户端模式下显示，只有当使用SSR将其呈现时，或者当wehn使用客户端模式时，呈现上下文不会由客户端更新，将显示为来自SSR的预呈现上下文