Vue 3中的SSR和keep-alive问题:动态组件
- SSR (Server-Side Rendering)：SSR是指在服务器端将Vue组件渲染成HTML字符串，然后将其发送给浏览器进行展示。相比于传统的客户端渲染，SSR可以提供更好的首次加载性能和SEO优化。
在Vue 3中，SSR的实现更加简单和高效。Vue 3提供了@vue/server-renderer包，可以通过createRenderer函数创建一个渲染器实例，然后使用renderToString函数将Vue组件渲染为HTML字符串。
- keep-alive：keep-alive是Vue的一个内置组件，用于缓存动态组件或组件树，以避免重复渲染。当组件被包裹在keep-alive组件中时，组件的状态将被保留，包括数据、DOM状态和事件监听器。
在Vue 3中，keep-alive组件的使用方式与Vue 2相同。可以将需要缓存的组件包裹在<keep-alive>标签中，并通过include和exclude属性指定需要缓存的组件或组件名称。
- 动态组件：动态组件是指根据不同的条件或用户交互，动态地切换展示不同的组件。在Vue中，可以通过使用<component>标签和is属性来实现动态组件的切换。
在Vue 3中，动态组件的使用方式与Vue 2相同。可以通过在<component>标签上绑定一个动态的组件名称，然后根据条件或用户交互来动态切换展示不同的组件。
综上所述，Vue 3中的SSR和keep-alive问题:动态组件的解决方案如下：
- SSR：在Vue 3中，可以使用@vue/server-renderer包提供的createRenderer和renderToString函数来实现SSR。具体使用方法可以参考腾讯云的Vue SSR文档：Vue SSR文档。
- keep-alive：在Vue 3中，可以使用<keep-alive>标签将需要缓存的组件包裹起来，并通过include和exclude属性指定需要缓存的组件或组件名称。更多关于keep-alive的用法可以参考腾讯云的Vue官方文档：Vue官方文档 - keep-alive。
- 动态组件：在Vue 3中，可以使用<component>标签和is属性来实现动态组件的切换。通过在<component>标签上绑定一个动态的组件名称，然后根据条件或用户交互来动态切换展示不同的组件。更多关于动态组件的用法可以参考腾讯云的Vue官方文档：Vue官方文档 - 动态组件。
相关·内容
5回答
我看过，他们建议对JS构建的应用程序(React、Vue等)使用动态渲染。实现这一点的工具之一是使用Puppeteer JS。我需要创建一个严重依赖搜索引擎优化的应用程序，所以服务器端渲染(SSR)是非常重要的。
我知道Next JS默认完成SSR，但是我能用Puppeteer + Create React App做同样的事情吗？Next JS和Puppeteer在SSR和动态渲染方面有什么不同，哪一个更适合SSR？
浏览 2提问于2018-07-09得票数 0
我有一个列表/详细信息用例，其中用户可以双击产品列表中的项目，转到详细信息屏幕进行编辑，然后在完成编辑后返回到列表屏幕。我已经使用这里描述的动态组件技术做到了这一点：。但现在我计划在应用程序中的其他地方使用vue-router，我想重构它以使用路由。使用我的动态组件技术，我使用了keep-alive来确保当用户切换回列表视图时，会出现与编辑前相同的选择。但在我看来，通过路由，产品列表组件将被重新呈现，这不是我想要的。
现在，看起来路由器视图可以被包装在keep-alive中，这将解决一个问题，但会引入许多其他问题，因为我只想让该路由保持活动状态，而不是所有路由(目前我只使用一个顶级路由器视图)
浏览 65提问于2017-01-20得票数 32
1回答
Nuxt热重新加载对旧组件有某种效果，但我今天创建的任何新组件似乎都不会被应用程序监视，也不会重新加载。每次我都必须重新启动应用程序，才能看到应用于这些新文件的更改。 我使用的机器是MacOs最新的Mojave系统。我意识到人们可能会要求package.json文件，所以这里就是这个文件 {
"name": "theta",
"version": "1.0.0",
"description": "My fabulous Nuxt.js project",
"private&
浏览 143提问于2019-06-17得票数 1
回答已采纳
我有分页器的组件。在这个组件中，我有用于获取数据的beforeRouteEnter和beforeRouteUpdate。在浏览器中打开之后，我单击链接./pages/2./pages/3和beforeRouteUpdate获取数据并显示出来。当我点击链接./pages/1(这是第一条路径，beforeRouteEnter和他一起工作)浏览器转到这个链接，但是beforeRouteUpdate没有出现，我看到了旧页面的数据
我的路由器代码：
export default new Router({
mode: 'hash',
linkActiveClass: 'op
浏览 0提问于2018-05-12得票数 1
2回答
我找到了一个不错的关于“如何配置.NET核心与VUE SSR和Webpack”。
所有操作都很好，但是当我想要在路由中使用延迟加载组件时，我得到了错误。
An unhandled exception occurred while processing the request.
NodeInvocationException: Cannot find module '1.js'
Microsoft.AspNetCore.NodeServices.HostingModels.HttpNodeInstance+<InvokeExportAsync>d__7.MoveNex
浏览 3提问于2018-02-19得票数 1
我正在使用一个名为'Stepper‘的组件，它是一个基本组件，在顶部有步骤来指导用户完成一个过程。在这个步骤中，我们有一个动态数量的插槽，我们传递一个组件来填充这个插槽。
Stepper.vue
...
<div v-for="step in steps" :key="step.name">
<div class="stepper-pane" v-if="step.name === currentItem.name">
<slot :name="`${step.name}`
浏览 7提问于2022-02-08得票数 0
回答已采纳
1回答
将Vue异步组件与SSR一起使用会导致页面刷新时恢复消重数据。有没有办法不让组件无缘无故地更新？来自SSR和客户端的标记是相同的。 https://vuejs.org/v2/guide/components-dynamic-async.html
浏览 11提问于2019-01-16得票数 0
回答已采纳
我的Vue应用程序有一个动态标签机制。
用户可以动态创建尽可能多的选项卡，每个选项卡都有自己的状态(如“页面”)。
我使用<keep-alive>组件来缓存不同的页面。
<keep-alive include="page">
<router-view :key="$route.params.id" />
</keep-alive>
但用户也可以“关闭”个别选项卡。由于页面倾向于存储大量数据，所以在用户关闭选项卡时，我想从缓存中删除相应的页面组件。
如何以编程方式销毁“保持活动”中的缓存组件？
浏览 1提问于2019-05-03得票数 13
回答已采纳
3回答
我有一个相当大的vue.js 2应用程序，它具有动态选项卡机制。用户可以与应用程序打开和关闭选项卡进行交互，每个选项卡代表一个路由。为了实现这一点，我使用vue路由器并保持活力，如下面的示例。
<template>
<div id="app">
<keep-alive>
<router-view :key="routerViewKey"/>
</keep-alive>
</div>
</template>
当用户单击“关闭”选项卡按钮时，将调用
浏览 20提问于2020-12-06得票数 6
1回答
开放图反应性元信息
、、、
我的OG元信息对于某个链接(例如博客帖子链接)来自一个数据库(例如，博客帖子需要一段时间的加载)。
我使用Vue + Nuxt和SSR和Axios来加载博客文章。
因为axios是异步的，所以我的页面元素会在发布之前加载。与此同时，facebook已经阅读了“虚拟”元数据。
我不想要预录制，我想保持我的数据尽可能的动态。有办法解决这个问题吗？
浏览 2提问于2018-10-18得票数 0
回答已采纳
我正在尝试使用服务器端渲染(SSR)和Typescript构建一个堆栈。一切看起来都很好，但我得到了错误：TypeError: Cannot read property 'render' of undefined。下面是完整的堆栈跟踪：
TypeError: Cannot read property 'render' of undefined
at normalizeRender (/Users/shoun/Documents/repositories/vuejs-ssr-typescript/node_modules/vue-server-render
浏览 3提问于2017-04-08得票数 11
我是Vue.js的新手。我遵循这里的教程-- --关于动态组件，给我一个我喜欢的动态布局，用于列出产品，并允许用户在单击表中的某个产品时切换到编辑视图。因此，我有一个“列表-产品”组件和一个“编辑-产品”组件，其中一个是取决于主Vue实例中'currentView‘的状态。
<div id="content">
<keep-alive>
<component :is="currentView"></component>
</keep-alive>
</div>
当c
浏览 1提问于2016-11-16得票数 3
回答已采纳
2回答
关于Nuxtjs和vue js，我有一个简短的问题。目前，我有一个vuejs项目，但由于vue js不提供ssr功能，我在项目中有一些网页，其中SEO非常重要。为了实现这一点，我必须对某些页面使用nuxt。所以我的问题是，如何在当前vue js项目中配置nuxt js？
浏览 2提问于2021-06-05得票数 0
回答已采纳
2回答
你好，我有一个关于Nuxts ssr的问题。我尝试将'vue-slick‘添加到我的web应用程序中，但无论我做什么，它都会继续显示“窗口未定义”。
如你所见，我已经尝试了多种方法来允许在客户端加载vue-slick。使用插件没有帮助，在我的组件中使用process.client也不起作用。
Components/Carousel/Carousel.vue
<template>
<div class="carousel">
<Slick ref="slick" :options="slickOptions"
浏览 31提问于2018-12-17得票数 2
回答已采纳
我正在尝试使用Hypernova和vueonrails助手将Vue.js组件添加到支持SSR的Ruby-on-Rails应用程序中。
我可以使用这个帮助器从视图(.html.erb)呈现一个使用Hypernova注册的组件：
<%= render_vue_component('HelloWorld', message: 'Hello World from SSR!') %>
假设我的HelloWorld组件的模板中有一个<slot>：
<template>
<div class="helloworld"
浏览 1提问于2020-11-25得票数 0
我在vue文件中使用了vuex store
// a.vue
// use mapGetters
import { mapGetters } from "vuex";
export default {
computed: {
...mapGetters({
appSize: "view/appSize"
})
}
}
// appSize is accessed elsewhere, and no actions operation
它工作正常
===============
但是当我扩展这个组件，并设置一个新的动态名称时
浏览 13提问于2021-05-25得票数 0
1回答
我正在尝试有条件地使用require()模块，这些模块是vue组件，下面是代码片段，以便更好地理解
index.js
因此，我希望基于窗口url加载不同的组件(在使用django处理路由时不能使用vue-路由器)。
import Vue from 'vue'
const pathName = window.location.pathname
let components = []
if(pathName === '/page1/') {
components = require('./entry-point/page1.entry.js'
浏览 1提问于2020-07-16得票数 0
1回答
我有一个工作的Vue 2应用程序与服务器端渲染。现在我正在尝试升级到Vue 3，但仍然停留在SSR部分，因为vue-server-renderer包抛出了以下错误： Vue packages version mismatch: - vue@3.0.0 - vue-server-renderer@2.6.12 This may cause things to work incorrectly. Make sure to use the same version for both. 但是vue-server-renderer没有3.0.0版本... 通过谷歌搜索，我在vue-next存储库中发现
浏览 114提问于2020-10-07得票数 10
回答已采纳
问题所在 我有一个子组件，它可能存在于包含v-if的页面上，也可能不存在。当用户单击其他内容时，尝试将其缓存，以便无论我如何尝试使用<keep-alive>缓存，当用户返回时，搜索词和其他内容都会再次显示。 我尝试过的 documentation似乎表明，我所需要做的就是将组件包装在<keep-alive>标记中，这样就可以正常工作了。我尝试了匹配一些使用<component>标记的文档，但这显然不起作用。我也尝试过使用include属性，因为仅仅包装它是行不通的。 Vue.component('child', {
template
浏览 66提问于2020-01-20得票数 11
回答已采纳
我正在学习Vue.js，并尝试了keep-alive和component机制，它们允许在组件之间动态切换。据我所知，我可以这样做：
<template>
<section>
<button @click="setSelectedTab('section-a')">Section A</button>
<button @click="setSelectedTab('section-b')">Section B</button>
</
浏览 7提问于2021-08-06得票数 1
1回答
在我的主页中，我有两个组件。我只想让一个人活着。
HomeView.vue
<template>
<div>
<keep-alive>
<AliveComponent />
</keep-alive>
<DeadComponent />
</div>
</template>
在我的App.vue中，我也保持了<router-view />的活力
<template>
<Header />
<main>
浏览 6提问于2022-11-30得票数 0
我很难让我的vuex模块与NuxtJS SSR，TypeScript和vuex模块装饰器一起工作。
我试着跟踪和，但没什么效果.
这是我的密码：
// store/CommonModule.ts
import { Module, VuexModule, Mutation } from 'vuex-module-decorators'
@Module({
name: 'CommonModule',
namespaced: true,
stateFactory: true,
})
export default class CommonModule ex
浏览 1提问于2020-02-21得票数 7
在我的Nuxt应用程序中，我在一个页面上使用Vue2Editor。每当我测试应用程序并从应用程序的另一个页面导航到页面时，它就会加载得很好，没有任何问题。但是，当我测试并尝试直接打开该页面时，应用程序会失败，出现以下错误。我尝试动态导入vue-编辑器包，但到目前为止还没有成功。当我试图直接访问它时，我有什么想法可以让这个导入在页面上工作吗？
nuxt.config.js
plugins: [{src: './plugins/vue2-editor', ssr: true}]
plugins/vue2-editor.js
import Vue from 'vue
浏览 5提问于2021-12-06得票数 0
1回答
我找不到如何访问从Vue路由加载的组件实例，并通过<keep-alive>和<component>持久化，这样我就可以以编程方式卸载它。
我正在实现一个动态选项卡系统，以便每个选项卡呈现一个URL，而URL又会显示其声明的组件。每当创建新选项卡或选择其他选项卡时，我都不希望每次加载新路由时卸载组件。我是通过在一个名为keep-alive/component的定制组件中与MultiTabs相结合来实现这一目标的：
<multi-tabs>
<router-view v-slot="{ Component }">
浏览 6提问于2021-11-25得票数 0
回答已采纳
1回答
我正在学习Vue，并被困在尝试将其设置为Laravel的完整前端，在我的场景中，我已经制作了一个个人博客，用于测试使用Laravel与叶片引擎和Vue的一些组件，似乎工作得很好。
我正在尝试进入下一个层次，删除刀刃，让Laravel作为API后端，安装Vue用SSR作为完整的前端，基本设置工作，我的意思是我可以调用Vue，用SSR与节点或PHPv8进行渲染，我遇到的问题是在路由系统上，考虑到刀片的方式，我不能将相同的结果存档。在刀片上，我使用默认布局作为主控，并为每个帖子、页面、博客等导入它。
示例：
资源/视图/布局/主刀片
<!DOCTYPE html>
<htm
浏览 0提问于2018-09-29得票数 0
回答已采纳
这样做是可行的：
App.vue
<template>
<div id="app">
<keep-alive including="home">
<router-view />
</keep-alive>
</div>
</template>
router.vue
routes: [
{
path: "/",
name: "home",
component: homeView
浏览 0提问于2019-06-24得票数 0
1回答
我有一个VuesJS视图，其中有两个具有main-detail关系的组件。用户可以单击main组件中的一项(该项将突出显示)，details组件将显示相关的详细项。
products.vue
<main></main>
<details>></details>
用户可以编辑详图项目，我希望使用包含编辑详图项目所需构件的单独视图进行编辑。
我希望用户能够以启动编辑操作时的状态导航回products.vue视图(例如，在完成编辑过程之后)。
我尝试将main和details分别包装在<keep-alive></keep-al
浏览 0提问于2020-07-21得票数 0
1回答
vuejs中的模块化路由
、、、、
我正在建立一个简单的网站，其中我有一个分类网页的路线。我希望使用单个动态路由在页面之间移动。我使用vue-router进行此项目，路由需要加载不同的组件
这些是网站所需的路径
例如：'/shop/men‘，'/shop/women'，’/shop/women‘
这是我的路由器的index.js文件，其中性别附加在最后决定加载哪个组件，我面临的问题是如何处理这个问题，并根据它加载不同的组件
router-> index.js:
{
name: 'shop',
path: '/shop/:gender'
浏览 0提问于2018-02-08得票数 0
我有一个Vue应用程序，它有条件地显示相同组件的集合，我希望绑定到创建或挂载的方法，但是Vue保持重用以前的组件，不触发方法。我试过用“保持活”的标签包装组件，但没有效果。
下面的代码显示了您在页面上所期望的内容:将someVariable更改为“test1”或“test2”将显示相关组件，但创建/挂载的方法最多只能触发2次(例如，将someVariable更改为“test1”日志创建，并使用标签type1安装1个组件，然后将其更改为“test2”，只记录多一个带有标签type3的组件)。
目前正在使用2.1.10版本
<div id="app">
<
浏览 1提问于2017-01-31得票数 3
回答已采纳
我们很高兴使用Vue和它的服务器端渲染模块Vue SSR。我的项目的一个需求是能够在运行时动态调整Webpack的publicPath，这样我们就可以从不同的CDN中获取资产(我们有两个，一个用于测试，一个用于生产)。
我们可以使用在客户端轻松实现这一点，您还可以覆盖注入到<head>中的资产URL的publicPath 。
然而，我们仍然存在资产URL的问题，这些URL直接位于我们的模板中，并由SSR呈现。例如，想象一下，如果我们的标记中有以下图像：
<img src="~@/test.png" />
我们的目标是，无论是在服务器端还是客户端，
浏览 5提问于2018-09-13得票数 4
2回答
我很难在Nuxt.js中添加一个插件。我一直在寻找文档和所有类似的问题，但我得到了同样的错误：simpleParallax is not defined。
我对所有文件都尝试了不同的方法
nuxt.config.js
plugins: [
{src: '~/plugins/simple-parallax.js', mode:'client', ssr: false}
],
plugins/simple-parallax.js
import Vue from 'vue';
import simpleParallax from '
浏览 0提问于2019-08-18得票数 1
如何将Vue插件包含到Vue TypeScript的模板中，如
例如，。
我已经在./src/main.ts中添加了以下内容：
import * as Meta from 'vue-meta';
Vue.use(Meta, {
keyName: 'head',
attribute: 'data-vue-meta',
ssrAttribute: 'data-vue-meta-ssr',
tagIDKeyName: 'vmid'
});
并将其添加到./src/components/home/h
浏览 3提问于2017-09-28得票数 2
1回答
这是一个带有Nuxt和Flowbite的。
根据弗莱比的指示进口
问题是流控组件的样式显示正确，但是动态组件不能工作。
有什么问题吗？
这可能是因为选中nuxt应用程序作为静态呈现，因为使用SSR呈现动态组件，但这不适合我，我需要一个没有SSR的应用程序。
浏览 19提问于2022-03-21得票数 1
回答已采纳
问题是如何在Vue组件中维护iframe的内容和状态，无论组件是显示还是隐藏。
我尝试了两种方法：
(1)与vue路由器结合使用。
<keep-alive>
<router-view>
<Component></Component>
</router-view>
</keep-alive>
(2)将其作为子组件，使用v-if代替vue-路由器显示和隐藏。
<Component v-if="$store.state.isShow"></Component>
这两种方法都
浏览 5提问于2018-07-09得票数 1
回答已采纳
我正在尝试在我的Nuxt SSR项目中使用Vue Quill编辑器。但是，它给了我'ReferenceError dcument not defined‘ <template>
<section class="px-6">
<h1>This is weird</h1>
<no-ssr placeholder="Loading...">
<p>startof</p>
<quillEditor v-model="va
浏览 12提问于2020-03-25得票数 2
回答已采纳
我已经安装了最新版本的Laravel与Sail撰写这篇文章。我用惯性作为前端。我遵循指南并安装了必要的依赖项。运行npm run dev和npm run build很好。但是，当我运行npm run ssr时，我遇到了以下错误：
Cannot find module '/var/www/html/node_modules/laravel-vite-plugin/inertia-helpers.js' imported from /var/www/html/bootstrap/ssr/ssr.mjs
package.json
{
"private": tr
浏览 17提问于2022-07-22得票数 1
2回答
我对vueJS很陌生，并且尝试动态加载组件。我在网上搜索，并尝试了许多建议，但仍然无法让它发挥作用。
场景:我希望有一个“shell”组件，它充当根据用户选择交换其他组件的容器。这些组件的文件名将从数据库中提供。
下面是shell组件：
<template>
<keep-alive>
<component :is='compName'></component>
</keep-alive>
</template>
<script>
props: [
浏览 3提问于2022-03-03得票数 0
1回答
我正在构建一个页面，在Instagram这样的提要中动态显示一些照片。每次我加载页面或进入照片的详细信息页，然后返回，向Laravel控制器发出API请求时，我都会陷入困境，这意味着获取数据和图像，失去页面的位置，从页面的顶部开始。
我的代码：
Feed.vue
<template>
<div v-for="(image, index) in images" :key="index">
<v-img :src="image.path" class="image-masonry mini-cover
浏览 1提问于2019-02-03得票数 1
回答已采纳
1回答
由于各种原因，我们有一个非常特殊的解决方案，其后端与Vue SSR前端捆绑在一起。前端nodejs服务器只提供SSR，不用作used服务器。这意味着不使用前端路由，页面被重新加载并为每个页面加载设置。
到目前为止，所有组件(例如，100个epi块和页面)都是在全球注册的，因为我们不知道需要它们的地点和时间。当然，这会创建一个不必要的大型js包，其中90%的代码从未使用过。
我的问题是:在我们完全重建解决方案之前(对于未来的无头epi支持)，是否有一种方法可以拆分组件并只动态加载每个页面加载所需的组件？
据我所理解(以及我的测试)，如果不使用路由，就不能使用Vue SSR动态导入的组件。
例如，
浏览 2提问于2021-03-29得票数 3
我有一个ssr应用程序和一个使用vue-codemirror的文本编辑器组件。据我所知，这不能在ssr中使用，页面无法加载，并显示错误"navigator is not defined“。这是有意义的，因为直到文档准备就绪，导航器才会存在。 我在文档中看到，<q-no-ssr />仅用于强制在客户端呈现组件。我尝试将文本编辑器组件包装在<q-no-ssr />标记中，但仍然遇到"navigator is not defined“错误。 我使用的文本编辑器是quasar tiptap。 以下是我尝试过的方法： <q-no-ssr>
<
浏览 47提问于2020-11-03得票数 0
回答已采纳
我有一个Vue.js SPA，使用vue-路由器.因为在每个页面中登录后，需要保持状态(比如输入的过滤器/分页)，这是使用“保持活动”来完成的：
<keep-alive>
<router-view/>
</keep-alive>
这是很好的工作，但当有人注销和再次登录，我仍然看到相同的过滤器值，因为保持活着。
我是否可以在注销时以编程方式刷新/清除那些保持活动状态的页面？
浏览 6提问于2018-10-24得票数 7
回答已采纳
1回答
Nuxt VueJS警告
、、、
当我构建我的Nuxtjs项目时，我有以下警告
我使用Vuetify，SCSS，Vue-月度选择器来选择月份日期。
在nuxt.config.js中
模式：“通用”，ssr：“假”
如果我删除模式并使SSR: true，它会给我另一个错误(文档未定义)
资产规模限制的警告是因为我使用Vuetify，Vue-月度选择器，如果我删除警告，就会增加资产规模。
我是否可以删除警告而不删除vuetify和vue-？
浏览 2提问于2021-03-19得票数 1
我是安装使用纱线和添加模板代码复制的文件旋转木马。然后，有一个错误说不能读取属性'forEach‘的未定义。
节点/npm版本: 6.10.3
操作系统: macOS 10.14.6 (18G87)
vue组件
<carousel>
<slide>
Slide 1 Content
</slide>
<slide>
Slide 2 Content
</slide>
</carousel>
plugins/main.js
import
浏览 0提问于2019-09-03得票数 1
2回答
我目前正在使用来自的UI组件
我计划为vue标记输入创建一个可重用的组件，下面是我的当前代码：
components/UI/BaseInputTag.vue
<template>
<b-form-group :label="label">
<no-ssr>
<vue-tags-input
:value="tags"
@tags-changed="updateValue"/>
</no-ssr>
</b-form-g
浏览 0提问于2019-01-25得票数 0
回答已采纳
1回答
我正在尝试在Gridsome项目中使用完整的Calendar vue组件()，如下所示：
<template>
<div class="tabStaffManage">
<div>
<FullCalendar
ref="staffCalendar"
class="fullCalendar"
defaultView="dayGridMonth"
:events=&#
浏览 4提问于2020-06-11得票数 0
1回答
我在nuxt中使用了顶点图
并在我的代码中应用插件
在dev模式下工作。
cross-env NODE_ENV=development HOST=0.0.0.0 PORT=3000 nodemon server/index.js --watch server
但不在构建源代码中工作。
nuxt build && cross-env NODE_ENV=production HOST=0.0.0.0 PORT=80 node server/index.js
这是我的密码
plugins/vue-apexchar.js
import Vue from 'vue'
im
浏览 2提问于2019-11-10得票数 4
回答已采纳
我一直在探索将Vue用于wordpress前端，我遇到了许多不同的技术，比如Nuxt.js，Gridsome，VuePress，它们可以帮助将站点创建为SPA，SSR或静态站点。我真的很喜欢这些想法，因为我想进入现代前端，而不是使用WordPress默认。因此，我正在研究无头WordPress。
经过一些研究，我想我有点喜欢Gridsome和Wordpress，因为Gridsome通过在构建时编译来自CMS和模板的内容来帮助构建静态站点。
所以我有一个非常新手的问题，像wordpress这样的CMS每天都会被用户更新，以更新页面，添加新帖子等，这是否意味着每次人们向CMS添加一些内容时，你都需
浏览 0提问于2020-01-09得票数 1
有人知道这个错误，或者看到我的语法有什么问题导致了这个警告吗？
StoredResources.vue & LearningResource.vue是孩子，TheResources是孩子。
data() should return an object. at <LearningResource key="official-guide" id="official-guide" title="Official Guide" ... >
at <StoredResources>
at <KeepAli
浏览 6提问于2021-09-14得票数 1
回答已采纳
我在Nuxt.js“保持活动”支柱方面有问题，我试图缓存除一个之外的所有组件，并再次加载动态数据。但是所有的组件都是缓存的，我不知道我做错了什么。这是在Nuxt.js中使用“保持生存”的正确方法吗？
Default layout
<template>
<div>
<Nuxt keep-alive :keep-alive-props="{exclude: ['basket']}" />
</div>
</template>
Inside basket
<template>
浏览 5提问于2021-07-25得票数 3
回答已采纳
我正在尝试创建Vue.js 3 SSR应用程序(包括ts，@vue/cli，babel)。我使用nodejs + express作为后端。SSR运行良好(我正在从服务器获得正确的html )，但是在客户端水合过程中会出现错误。我的客户端构建似乎不包括组件的模板，因为我在浏览器中得到了这些错误
Vue warn]: Component is missing template or render function.
at <App>
at <App>
Vue warn]: Hydration node mismatch:
- Client vnode: Sym
浏览 2提问于2020-11-05得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
