【vue系列】vue指令directive，自定义指令，对dom操作封装，实战练习（获取焦点，滚动条置底获取数据）

使用elementUI的时候，使用Upload 上传的时候，使用 list-type 属性来设置文件列表的样式，before-upload方法失效。需求：1、已经提交的附件不可删除，新上传的附件可以删除。2、图片附件不能上传其他格式的文件，一次可以多张上传图片，最多上传3张，最大不超过2M。3、文件附件不能上传除了图片格式以外的格式，一次可以上传多个文件，最多上传3个文件，最大不超过2M。

项目开发中常用的Vue小技巧--全局注册过滤器，全局组件注册，不同路由的组件复用。vue的使用过程中会遇到各种场景，当普通使用时觉得没什么，但是或许优化一下可以更高效更优美地进行开发。下面有一些我在日常开发的时候用到的小技巧。

使用router.push({path:'/login',query: {redirect: router.currentRoute.fullPath}})用来登录失效后跳转到去登录页面。登录后打开的是你最后登录的页面。修改登陆页面的跳转let redirect = decodeURIComponent(this.$route.query.redirect || '/robot');

vue是如何实现绑定事件。使用v-on的指令来完成事件绑定的，一种可以使用js直接在标签中写js的方法；还有一种是使用method的方法。使用传参，（1）在方法内传参，（2）传入事件对象$event。事件修饰符：1、stop用来组织捕获和冒泡，@click.stop='show()'；2、prevent，阻止默认事件，比如组着a标签的默认刷新，3、capture方式，使用事件捕获；4、self

vue官方vue-cli构建的vue项目结构分析

sau交流学习社区，nuxt.js项目使用SSR，科学的使用百度统计分析网站访问情况

在本地开发环境ok，但是在服务器上运行的时候出现了这个，服务上执行npm start，其实执行的是nuxt start，但是告知这个nuxt没有权限

使用ele-ui调用一次接口同时上传图片和文件，同时需要携带其他参数，如何调用后端接口的实现。今天有一个坑，同时要上传图片和文件，而且图片要展示缩略图，文件要展示列表。我的思路是：首先，只上传附件照片，这个直接看ele的官方例子就行，不仅仅上传附件照片，还同时上传其他参数。然后，再做上传照片和文件，上传其他参数，其实也就是文件合并。

vue总结：使用vue的computed属性实现监控变量变化，使用vue的watch属性监控变量变化从而实现其他业务，输入框为空的时候，请求一遍接口，如果输入框不为空的时候，需要点击搜索按钮请求接口。