完整代码地址： https://github.com/dirkhe1051931999/vue-ssr-template demo 地址： https://github.com/dirkhe1051931999/common-demo/tree/master/vue-ssr-demo 服务端渲染、SPA、同构 服务端渲染：后端不仅仅进行数据的获取处理，而且也服务页面生成，最终传给客户端（浏览器）是…

vuex 是什么 管理所有组件的数据和状态，实现组件通信 借鉴了 flux 和 redux 的基本思想，将状态抽离到全局，形成一个 store 类 flux 和 vuex flux flux 是一种状态管理的架构思想 flux 分为 4 个部分：1、View 视图层；2、Action 视图的消息；3、Dispatcher 接收 Actions 和执行回调；4、Store 存储状态 flux 的的执…

官网 transition 实现页面切换效果 移动端 SPA 中，为了从动画上接近原生，经常会用到页面切换效果，实现的功能如下 header 内容可自定义， ， ， 都可自定义 header 的 ， 在 提前定义，路由页面的参数来源于 router.js 的配置文件。 页面切换动画不需要太多 有若干个父路由，其中有一个父路由下有若干个子路由（假设其他父路由没有子路由），该父路由的某一个子路由作为导…

component 是什么 动态组件，通过:is 来决定哪个组件需要被渲染 component 的使用 动态组件 props/$emit 组件通信 provide/inject 组件通信 keep-alive 缓存组件 index.vue a.vue b.vue 参考 component

keep-alive 是什么 keep-alive 是 vue 的内置组件，它自身不会渲染成一个 DOM，也不会出现在父组件链中， 使用 keep-alive 包裹的组件会有 和 两个事件；activated：组件激活时调用，deactivated：组件停用时调用，这两个钩子在服务器端渲染期间不被调用 不使用 keep-alive：生命周期钩子(beforeRouteEnter --> creat…

vue 相关 http 相关 webpack 相关 less 相关 vue 相关 1. vue splice 数组，数据删除了，但是没有 patch 到 dom 中 splice 删除数组，数据确实改变了，但是 dom 没有删除，或者 dom 删除的位置不对 添加一个唯一的 key 当 Vue.js 用 v-for 正在更新已渲染过的元素列表时，它默认用“就地复用”策略。如果数据项的顺序被改变，V…

Scoped slots(作用域插槽)的新语法 动态参数指令 如果我们想在 v-bind or v-on 中使用动态变量，在 Vue@2.5.22 中： Vue@2.6.0 引入了一个新语法来动态创建参数指令 使用 Vue.observable()创建一个响应对象 之前，创建一个响应对象，必须在一个 Vue 实例中配置。现在我们可以在 Vue 实例外部，通过使用 Vue.observable(da…

如何启动 操作步骤 一开始只有两个选项: default(默认配置)、Manually select features(手动配置)和自定义模板，根据自己情况选择 根据你的项目需要来选择配置,空格键是选中与取消，A 键是全选 选择 css 预处理器 如果你选择了 Css 预处理器选项，会让你选择这个 是否使用路由的 history 模式：一般选择 no 选择 Eslint 代码验证规则：不勾这个->…

webpack 的运行流程 npm run dev (webpack-dev-server --inline --progress --config build/webpack.dev.conf.js) 在 配置了一些参数 调用 npm run build(node build/build.js) 引入了配置文件，如 npm run dev 流程中的配置文件 调用 webpack.prod.con…

源代码地址 异步组件 众所周知，vue 在使用单页时，会生成一个 app.js，app.js 就是打包的各项依赖的集合，我们常用 import 引入包或者组件，每次 import 后，都会把打包的代码放入 app.js 中，有时候我们希望在进入另一个路由的时候，再加载某个组件，达到异步的效果。2.4 之前是能通过 路由懒加载 或者 keep-alive 提升性能，2.4 版本中提出了异步组件的概念…

使用 jwt 实现用户认证 这篇博客中有用到 导航守卫，今天就来总结总结 vue-rotuer 通过导航守卫来监听路由变化，其中导航守卫分为 3 类：全局，单个路由和组件路由 使用场景 需要在进入路由前进行一定操作，比如没权限时跳转 login 页面 需要组件里路由更新时（动态路由的更新）进行一定操作，比如 "/test/01" => "/test/02" …