前言组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系：如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。针对不同的使用场景，如何选择行之有效的通信方式？这是我们所要探讨的主题。本文总结了vue组件间通信的几种方式，如props、$

1.报错如下：2. 错误原因：依赖包产生了缓存，（就是重复下载了npm i包），解决方法：（1）.删除node_modules包（2）执行如下命令：$ npm cache clean --force（3）出现这个即可（4）.在重新下载依赖包npm icnpm iyarn之后即可重启项目。。。...

一、axios的封装1.在src中创建utils文件，其下在创建request文件，其中的内容为（设置跨域后，直接在baseUrl写入写好的路径名）目录一、axios的封装1.在src中创建utils文件，其下在创建request文件，其中的内容为2.再创建一个HTTP文件，内容为3.再创建一个api文件，内容为4.然后直接在页面中写上二、跨域代理2.再创建一个HTTP文件，内容为import h

简单介绍一下Progressive Web App(PWA)王玉略正在上传…重新上传取消2018年01月29日 10:55·阅读 48409关注前段时间在公司的内部分享会上简单地介绍了一些关于PWA的技术，不过当时用的是思维导图版本的，现在整理成博客分享给大家Progressive Web App(PWA)一、前期介绍1、为什么要将PWA作为本次的技术分享2017年11月份，谷歌在上海举办了一个开

1、用vue+Element完成一个图片上传、点图预览、加删除功能，如图：2.首先我们再组件中引入这一段代码，每个属性的使用也都放在这里了：<el-uploadclass="upload-demo"action=""//引号里面填要上传的图片地址，用接口的话是公共的接口地址拼接一个图片的接口:on-preview="handlePreview"//图片已经上传完成时点击触发（钩子函数）:on

这个过程用到了Vue+element-ui（1）首先给el-input加上v-for循环一个数据，并且v-model绑定这个数据中的属性，这样就可以在页面中展示所有的input框了，（2）动态绑定：先模拟一个传过来或者是请求到的数据，循环遍历这个数据，并把每个数据中的属性赋值给之前el-input循环的那个数据中的属性，这里推荐for-of循环。（3）动态添加：每点击一次就往el-input循环的

1.报错如下：2. 错误原因：依赖包产生了缓存，（就是重复下载了npm i包），解决方法：（1）.删除node_modules包（2）执行如下命令：$ npm cache clean --force（3）出现这个即可（4）.在重新下载依赖包npm icnpm iyarn之后即可重启项目。。。...