先说想问的原因:
是后端渲染的,但是某些组件又是用了 vue
一部分代码:
<body>
<div class="flex1">
<app-header></app-header>
<div class="body container">
<home-search></home-search>
<app-original></app-original>
<app-filter></app-filter>
<div class="os-list" id="os-list">
比如说:home-search ,app-filter
因为他这样搞对 seo 非常好,但是又可以用到一些 现代化 的技术,比如 element-ui 的 select 的组件;
是我梦想的想实现的方法
1
iOCZS 92 天前
后端渲染很容易啊,类似 PHP 这种 view 上直接打印数据就行了。element-ui 这种是前端渲染的。这两者可以共存的。
|
3
dode 92 天前
浏览器的原生组件
|
4
musi 92 天前 via iPhone
web component ? seo 不认这种标签吧
|
5
flypei 92 天前
这个网站很红吗?我经常看到它相关的帖子
|
7
apkapb OP @iOCZS #1 我的意思是能 web component 和其它后端框架结合是怎么搞的,因为你看 html 代码,他有一个 main.js 文件,里面包含了 web component 依赖的 js 框架(比如 vue 之类的)
然后,还和正常的渲染结合在一起了,我觉得应该是有现成的框架的 |
8
apkapb OP @bojackhorseman #2 我的意思是能 web component 和其它后端框架结合是怎么搞的,因为你看 html 代码,他有一个 main.js 文件,里面包含了 web component 依赖的 js 框架(比如 vue 之类的)
然后,还和正常的渲染结合在一起了,我觉得应该是有现成的框架的 |
9
uov 92 天前 via Android
我也想弄个这样的 可我不会
|
10
bagel 92 天前
vue 本身就支持 web component: https://vuejs.org/guide/extras/web-components
这网站没啥特殊的吧,而且禁用 js 后它都显示不出来,说明压根没认真做 SSR 。 |
12
musi 92 天前 via iPhone
|
13
iOCZS 92 天前
SSR 是给爬虫看的,根本不需要做的跟前端最终渲染的结果那样,我觉得对此存在误解才是根本原因。
|
14
qbmiller 92 天前
bbs-go 参考这个开源项目。 我现在博客也是用的它搭建的。 admin + 后端 nodejs 渲染
|
15
arfaWong 91 天前
nuxt ,vue 的 ssr 框架
|
16
ciovwx 91 天前
代果核评论:
考虑到要做 SEO ,并且不想使用 SSR ,所以我们使用了混合开发。 其实那些组件,像你说的<app-header></app-header>这种标签,对于 SEO 是无关紧要的,所以把他抽成了单独的组件,使用 Vue 渲染的时候,挂载到这个组件上就行了。 然后一些关键的信息,会使用原生标签,例如 h1 ,和文章介绍内容那样。 实现方法倒是不难,PHP 输出这些内容,然后等待 JS 加载完成后,渲染自定义组件。这样就能使用 Vue 的一些组件库了,比较方便。 |
17
fionasit007 91 天前
@ciovwx 只能说贴主想多了哈哈
|