邹毅的专栏

一、前言 本文介绍的内容包括： keep-alive用法：动态组件&vue-router keep-alive源码解析 keep-alive组件及其包裹组件的钩子 keep-alive组件及其包裹组件的渲染 二、keep-alive介绍与应用 2.1 keep-alive是什么 keep-alive是一个抽象组件：它自身不会渲染一个DOM元素，也不会出现在父组件链中；使用keep-alive包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。 一个场景 用户在某个列表页面选

工具的版本 node: v10.16.0 npm: v6.9.0 babel: 7.5.5 webpack: 4.38.0 入题 提醒：在我们开始之前，你先检查下你相关工具的包是不是和我的一样，以免报一些版本的错误。 首先我们先大致了解下一个完整的脚手架帮我们做了哪些工作： ES6+ 语法转换成 ES5 语法 .vue 转换成 js 文件 代码热更新 加载各种静态资源 本地提供静态服务…… 你可以理解成脚手架

vue项目结构解释+webpack应用http://vuejs-templates.github.io/webpack/prerender.html

注意：此文讲解针对vue2 转自：github: https://github.com/allan2coder/VUE2-SPA-Tutorial 先讲点实际的 实用点的钩子： Created：vue实例被生成后的一个生命周期钩子函数。(页面初始化数据加载一般写这里); beforeCreate：给个loading界面 created撤销loading; beforeDestory：你确...

该示例使用 vue-cli 脚手架搭建 安装echarts依赖 npm install echarts -S 1 或者使用国内的淘宝镜像： 安装 npm install -g cnpm --registry=https://registry.npm.taobao.org 1 使用 cnpm install echarts -S 1 创建图表 全局引入 main.js // 引入echarts ...

转载https://segmentfault.com/a/1190000018241972 组件的分类 常规页面组件，由 vue-router 产生的每个页面，它本质上也是一个组件（.vue），主要承载当前页面的 HTML 结构，会包含数据获取、数据整理、数据可视化等常规业务。 功能性抽象组件，不包含业务，独立、具体功能的基础组件，比如日期选择器、弹窗警告等。这类组件作为项目的基础控件，会被...

vue.js的官方介绍里可能提到过nuxt.js，我也不太清楚我怎么找到这个的 最近项目vue.js是主流了，当有些优化需求过来后，vue还是有点力不从心， 比如SEO的优化，由于vue在初始化完成之前，页面是没有任何内容的，所以基本上没有办法满足这个需求 比如有些访问量较大的主页里面，由于都是异步数据，所以在服务器数据没有返回之前，可能只能无奈的显示一个loadding....但是产品没办...