sinat_37680470的博客

1.兄弟组件通信：创建新的vue实例bus.js//bus.jsimport Vue from 'vue'export default new Vue组件A：import Bus from 'bus.js'Bus.$emit('name', something) //name按照我自己的理解就是一个连接的作用 连接着$on 两者要保持一致（如果理解有误一定请指正）something就是你要传递...

这次在做项目的时候又遇到了组件通信的问题，还是自己不太理解这其中的奥秘，平时用的也比较少。所以在开发中才会多次遇到问题，这次做个总结吧，希望对以后会有帮助！需求是这样：一个tab切换的组件，需要在一个页面中调用两次，当改变其中一个的状态的时候另外一个也要跟着改变。组件中的列表是通过父组件传递过来的。最开始我的做法是这样：step1：通过props获取父组件的值将tab列表渲...

闲来无事看了下Vue风格指南，才发现自己以前有好多写法或者用法上的错误，在这里记录下平时没有注意到或者不知道的一些东西，本文全部摘自Vue官方文档1.组件名应为多个单词，防止与HTML发生冲突Vue.component('todo-item', {})2.组件中的data必须是一个函数，防止在组件复用的时候数据变动产生关联export default { data ...

1.路由懒加载2.图片懒加载3.开启gzip

1.新建filter.js文件，将所有的全局过滤器放在里面// filter.jsconst filter = { sliceTxt: (txt, length) => { if (length > 120) { let newTxt = txt.slice(0, 120) return newTxt } else { retu...

项目中经常会遇到头像裁剪上传的问题，github上找了很多相关插件，自己觉得下面这两个插件很不错1.vue-image-crop-upload目前有一个不太友好的地方就是不能直接触发文件选择，必须要通过组件内的元素点击触发2.vue-avatar-cropper用这个插件遇到一个问题就是，文件上传后的filename="unknown"...

Vue项目中我们通常会在main.js中引用一些公用的文件，比如一些公用的样式文件：这样eslint会提示：reset/config is defind but never used。想要关闭这个提示需要在.eslintrc.js文件中修改配置："no-unused-vars": 'off' 去掉此项警告。...

通常情况咱们的sass变量会以单独的文件存放。我们在使用这些变量的时候如果在每个组件中import引用的显得特别麻烦，而且感觉很蠢QAQ，但是全局引用的时候又会报错。这时就需要用到sass-resources-loader插件并进行相应的配置就可以解决问题，具体配置如下：1.安装插件 npm install sass-resources-loader -D2.修改build/utils.js代码：...

前端开发中的跨域处理方式有很多，jsonp、服务端配置、nginx代理等等。本文中这些都不涉及，这里主要记录下载vue开发中遇到的跨域问题，以及在使用webpack代理处理跨域遇到的一些问题。vue开发中遇到跨域问题，最简单的解决方式就是使用webpack代理（proxyTable）将接口代理到本地。项目的原始配置如下（文件目录 config/index.js）:'use stric...