vue文章/教程

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

详解在Vue中如何使用provide与inject

目录 provide()函数 inject()函数 总结 在vue2.0里面provide与inject是以选项式(配置)API的方式在组件中进行使用的,解决的是跨组件(祖孙)间通信的一种方式 也就是父子组件间的通信,父组件上市通过自定义属性,而子组件间通过props这种方式接收,如果想要一 »

详解在Vue中如何使用provide与inject

目录 provide()函数 inject()函数 总结 在vue2.0里面provide与inject是以选项式(配置)API的方式在组件中进行使用的,解决的是跨组件(祖孙)间通信的一种方式 也就是父子组件间的通信,父组件上市通过自定义属性,而子组件间通过props这种方式接收,如果想要一 »

Vue实现预览文件(Word/Excel/PDF)功能的示例代码

目录 安装  引入组件、注册  使用 之前也有写过两篇预览pdf的,但好像还没写过预览word和excel的,但是这次的预览pdf和之前的三个又不一样!使用pdfobject预览pdf ,Vue使用vue-pdf实现PDF文件预览,Vue使用pdf-lib为文件流添加水印并预览,这是之前写的三 »

vue组件间的通信,子组件向父组件传值的方式汇总

目录 一、子组件通过this.$emit()的方式将值传递给父组件 二、通过vuex来传递组件间的数据 三、通过中央总线来传递组件间的数据 四、通过修改父组件传过来的对象属性 五、父组件使用子组件的引用ref 总结 写vue,如果页面涉及到多个组件,就会涉及组件之间的通信,可能是父子组件间的通 »

vue配置代理vue.config.js后不生效的解决(小坑)

目录 vue配置代理vue.config.js后不生效 附上我的配置 再对axios进行二次封装 总结 vue配置代理vue.config.js后不生效 我的项目使用vue-cli4脚手架搭建的,想要修改webpack配置,需要手动在根目录下面添加一个vue.config.js文件,会自动 »

vue配置代理vue.config.js后不生效的解决(小坑)

目录 vue配置代理vue.config.js后不生效 附上我的配置 再对axios进行二次封装 总结 vue配置代理vue.config.js后不生效 我的项目使用vue-cli4脚手架搭建的,想要修改webpack配置,需要手动在根目录下面添加一个vue.config.js文件,会自动 »

vue项目打包后浏览器缓存问题及解决

目录 vue项目打包后浏览器缓存 vue打包更新后缓存 总结 vue项目打包后浏览器缓存 1、第一步需要在index.html中添加如下代码: <meta http-equiv="pragram" content="no-cache"> <meta http-eq »

vue项目打包后浏览器缓存问题及解决

目录 vue项目打包后浏览器缓存 vue打包更新后缓存 总结 vue项目打包后浏览器缓存 1、第一步需要在index.html中添加如下代码: <meta http-equiv="pragram" content="no-cache"> <meta http-eq »

vue 3.0 vue.config.js文件常用配置方式

目录 vue3.0 vue.config.js文件常用配置 vue3实战-vue.config.js配置问题 总结 vue3.0 vue.config.js文件常用配置 在Vue 3.0中,与2.0版本相比有一定的差别,最明显的就是缺少了build、config文件夹,而在3.0中,关于项 »

vue 3.0 vue.config.js文件常用配置方式

目录 vue3.0 vue.config.js文件常用配置 vue3实战-vue.config.js配置问题 总结 vue3.0 vue.config.js文件常用配置 在Vue 3.0中,与2.0版本相比有一定的差别,最明显的就是缺少了build、config文件夹,而在3.0中,关于项 »

vue项目打包后,由于html被缓存导致出现白屏的处理方案

目录 背景 原因 解决思路 代码刷新处理方法 总结 背景 vue线上的项目修改打包,重新部署后,线上出现了白屏,无法显示 原因 这是因为浏览器缓存了之前的html,用户访问的还是之前的html,但是由于我们重新打包更新了服务器的资源,那么之前的html上引用的资源已经不存在了,所以页 »

vue项目打包后,由于html被缓存导致出现白屏的处理方案

目录 背景 原因 解决思路 代码刷新处理方法 总结 背景 vue线上的项目修改打包,重新部署后,线上出现了白屏,无法显示 原因 这是因为浏览器缓存了之前的html,用户访问的还是之前的html,但是由于我们重新打包更新了服务器的资源,那么之前的html上引用的资源已经不存在了,所以页 »

Vue入口文件index.html缓存的问题及解决

目录 Vue入口文件index.html缓存 Vue项目index.html引入静态资源,刷新页面 总结 Vue入口文件index.html缓存 之前每次发版vue后台管理系统的时候,总是要强制刷浏览器才能生效,现在总算解决这个问题了。 vue-cli里的默认配置,css和js的名字都加 »

Vue入口文件index.html缓存的问题及解决

目录 Vue入口文件index.html缓存 Vue项目index.html引入静态资源,刷新页面 总结 Vue入口文件index.html缓存 之前每次发版vue后台管理系统的时候,总是要强制刷浏览器才能生效,现在总算解决这个问题了。 vue-cli里的默认配置,css和js的名字都加 »

vue多环境配置之 .env配置文件详解

目录 Vue之.env环境配置文件 前言 一、.env是什么? 二、说明及用法 1. 文件说明 2. 文件读取 2.1 npm run serve 2.2 npm run build 3. 查看环境变量 4. 使用环境变量 总结 Vue之.env环境配置文件 .env文件是运 »

vue多环境配置之 .env配置文件详解

目录 Vue之.env环境配置文件 前言 一、.env是什么? 二、说明及用法 1. 文件说明 2. 文件读取 2.1 npm run serve 2.2 npm run build 3. 查看环境变量 4. 使用环境变量 总结 Vue之.env环境配置文件 .env文件是运 »