![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 95
唐僧 ——1
这个作者很懒,什么都没留下…
展开
-
keep-alive实现原理
一、前言本文介绍的内容包括:keep-alive用法:动态组件&vue-router keep-alive源码解析 keep-alive组件及其包裹组件的钩子 keep-alive组件及其包裹组件的渲染二、keep-alive介绍与应用2.1 keep-alive是什么keep-alive是一个抽象组件:它自身不会渲染一个DOM元素,也不会出现在父组件链中;使用keep-alive包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。一个场景用户在某个列表页面选转载 2021-01-25 15:38:39 · 243 阅读 · 1 评论 -
vue手动搭建
工具的版本 node: v10.16.0 npm: v6.9.0 babel: 7.5.5 webpack: 4.38.0 入题提醒:在我们开始之前,你先检查下你相关工具的包是不是和我的一样,以免报一些版本的错误。首先我们先大致了解下一个完整的脚手架帮我们做了哪些工作: ES6+ 语法转换成 ES5 语法 .vue 转换成 js 文件 代码热更新 加载各种静态资源 本地提供静态服务…… 你可以理解成脚手架原创 2020-09-08 09:47:57 · 347 阅读 · 0 评论 -
vue+webpack
vue项目结构解释+webpack应用http://vuejs-templates.github.io/webpack/prerender.html转载 2018-04-25 14:34:57 · 249 阅读 · 0 评论 -
Vue.js 生命周期和route的生命周期讲解
注意:此文讲解针对vue2转自:github: https://github.com/allan2coder/VUE2-SPA-Tutorial先讲点实际的实用点的钩子:Created:vue实例被生成后的一个生命周期钩子函数。(页面初始化数据加载一般写这里);beforeCreate:给个loading界面 created撤销loading;beforeDestory:你确...转载 2018-09-29 16:03:36 · 401 阅读 · 0 评论 -
vue项目中使用echarts
该示例使用 vue-cli 脚手架搭建安装echarts依赖npm install echarts -S1或者使用国内的淘宝镜像:安装npm install -g cnpm --registry=https://registry.npm.taobao.org1使用cnpm install echarts -S1创建图表全局引入main.js// 引入echarts...转载 2018-10-24 14:17:11 · 175 阅读 · 0 评论 -
vuejs组件通信
转载https://segmentfault.com/a/1190000018241972组件的分类常规页面组件,由 vue-router 产生的每个页面,它本质上也是一个组件(.vue),主要承载当前页面的 HTML 结构,会包含数据获取、数据整理、数据可视化等常规业务。 功能性抽象组件,不包含业务,独立、具体功能的基础组件,比如日期选择器、弹窗警告等。这类组件作为项目的基础控件,会被...转载 2019-03-08 09:51:35 · 111 阅读 · 0 评论 -
vue.js 服务端渲染nuxt.js反向代理nginx部署
vue.js的官方介绍里可能提到过nuxt.js,我也不太清楚我怎么找到这个的最近项目vue.js是主流了,当有些优化需求过来后,vue还是有点力不从心,比如SEO的优化,由于vue在初始化完成之前,页面是没有任何内容的,所以基本上没有办法满足这个需求比如有些访问量较大的主页里面,由于都是异步数据,所以在服务器数据没有返回之前,可能只能无奈的显示一个loadding....但是产品没办...转载 2019-04-11 10:32:14 · 483 阅读 · 0 评论