当成笔记吧项目根文件 App.vue {代码...} KeepAlive(全js) {代码...} vuex模块-store.js {代码...} dropConfig.js 注销缓存路由配置文件 {代码...} cacheArr.js 需要进行缓存路由配置文件 {代码...} index.js 给需要缓存的组件混合一些方法本身就是一个函数 传入当前组件，会给组件添加mixins来进行混合一些方法 {代码.....

看完之后，发现大致的逻辑就是利用mixin，拦截页面渲染完成之前，查看当前实例是否含有'asyncData'函数(由你创建以及任意名称)，如果含有就进行调用，并且传入你需要的对象比如(store,route)

上一次做了路由的相关配置，原本计划今天要做vuex部分，但是想了想，发现vuex单独的客户端部分穿插解释起来很麻烦，所以今天改做服务端部分。服务端部分做完，再去做vuex的部分，这样就会很清晰。

修改main.js为什么要这么做？为什么要避免状态单例main.js 是我们应用程序的「通用 entry」。在纯客户端应用程序中，我们将在此文件中创建根 Vue 实例，并直接挂载到 DOM。但是，对于服务器端渲染(SSR)，责任转移到纯客户端 entry 文件。main.js 简单地使用 export 导出一个 createApp 函数：

开始 初始化 {代码...} 修改eslint配置 {代码...} 明天开始配置 vue-router vuex entry 相关 项目github地址项目公网地址 1) vueSSR: 从0到1构建vueSSR项目 --- 初始化2) vueSSR: 从0到1构建vueSSR项目 --- 路由的构建3) vueSSR: 从0到1构建vueSSR项目 --- node以及vue-cli3的配置4) vueSSR: 从0到1构建vueSSR项目 --- v...