概述 基础环境： Node.js最新稳定版 Vue2.x VueCli3 开发：跟普通的vue单页应用开发方式一致。 npm i //安装依赖 npm run serve //启动开发环境 npm run build//…

Vue官方的语言实在令我难以理解,于是自己写了一个demo,才能彻底理解官方文档.我想总结一下 概念: 过渡(Transitions) 运用到了css中的transition属性因此得名(个人理解) 我将过渡(Trans…

( 第四篇 )仿写’Vue生态’系列___”Proxy双向绑定与封装请求” 本次任务 vue3.0使用了Proxy进行数据的劫持, 那当然就有必要研究并实战一下这方面知识了…

nextTick在vue官方解释是说在下次DOM更新循环结束后立即执行延迟回调，获取更新后的DOM 对于microtasks(微任务)和macrotasks(宏任务),vue在2.4版本之前一直用microtasks，但…

背景： 一个项目完工在即，鉴于此，前端使用了vue，写下此栏，以供日后翻阅， 会涉及到我所运用到的vue相关知识，需要一定的js基础。 默认vue的single-file-components（单文件组件开发）既sfc。…

操作元素的class列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以使用v-bind处理它们：只需要通过表达式计算出字符串结果即可。不过拼接字符串比较麻烦，因此在v-bind用于class和styl…

第一次写文章，写得不好各位看官见谅~ (pσ_σ)P首先这是一个vue里面的项目，高德地图api是直接CDN进来的，所以使用了global来调用，默认已经初始化了一个地图，为了实现一个输入框搜索功能和将搜索的结果清除掉，…

Vue源码探究-组件的持久活跃 *本篇代码位于vue/src/core/components/keep-alive.js 较新版本的Vue增加了一个内置组件 keep-alive，用于存储组件状态，即便失活也能保持现有状…

在父子组件中，例如iview的table组件中的slot，该函数相对比于table所在附件为父子组件，父子组件的v-model不会是双向绑定，只是单向传值，这是vue的机制问题，原因是不想让子组件污染父组件的数据环境，所…

Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。 <router-link :to="{ path:…

formData可以实现图片上传，但是如果在上传图片的同时也要上传其他数据呢？ 且其他数据不通过对象方式传给后台，而是依然通过json数据格式传递 代码如下： submitBtn () { let formData = …

两种方案 coess中间件（我没搞成功） 把class文件放进去之后改好了web.xml报504，这个我没搞成功就不多说了，需要的可以自行搜索一波。 另一种使用nginx反向代理功能 nginx下载地址： http://…