摘要：
一、watch进阶 从我们刚开始学习Vue的时候，对于侦听属性，都是简单地如下面一般使用： watch:{ a(){ //doSomething } } 实际上，Vue对watch提供了很多进阶用法。 handler函数 以对象和handler函数的方式来定义一个监听属性，handler就是处理监听 阅读全文
摘要：
1、父子传参： 父组件的数据、方法传递给子组件，子组件通过props接收，可以是数组、对象。 2、子传父（两种）： this.$emit('')可以触发一个自定义的事件 秒收目录站https://www.tomove.com.cn 第一种方法:(推荐) 第一步: 在子组件中绑定一个函数 <p><bu 阅读全文
摘要：
一 、问题 vue项目打包上线前总会遇到一个问题就是开发过程中遗留的console代码，其实方法很简单： 下载依赖包 npm install babel-plugin-transform-remove-console --save-dev； 下载成功后在根目录的babel.config.js配置文件 阅读全文
摘要：
对于对象 vue无法检测property的添加或移除，由于vue会在初始化实例时对property执行getter/setter转换，所以propterty必须在data对象上存在才能让Vue将它转换为响应式的。例如 var vm = new Vue({ data:{ a:1 } }) // `vm 阅读全文
摘要：
前言 在 vue 的官网中的过渡动画章节中，可以看到一个很酷炫的动画效果 乍一看，让我们手写出这个逻辑应该是非常复杂的，先看看本文最后要实现的效果吧，和这个案例是非常类似的。 预览 分析需求 拿到了这个需求，第一直觉是怎么做？假设第一行第一个图片移动到了第二行第三列，是不是要计算出第一行的高度，再计 阅读全文
摘要：
目前跨端开发比较热门的就是 react Native 和 Flutter 了，到底该选哪门技术似乎也快成了大前端圈的一个热门话题。对于web前端来说，基于web生态的 react Native 应该是一个更加顺畅而自然的选择；但 Flutter 让人动心的地方就是高性能和 跨端UI一致性。而 Rea 阅读全文
摘要：
前言 computed 在 vue 中是很常用的属性配置，它能够随着依赖属性的变化而变化，为我们带来很大便利。那么本文就来带大家全面理解 computed 的内部原理以及工作流程。 在这之前，希望你能够对响应式原理有一些理解，因为 computed 是基于响应式原理进行工作。如果你对响应式原理还不是 阅读全文
摘要：
hookEvent,原来可以这样监听组件生命周期 1. 内部监听生命周期函数 今天产品经理又给我甩过来一个需求，需要开发一个图表，拿到需求，瞄了一眼，然后我就去echarts官网复制示例代码了，复制完改了改差不多了，改完代码长这样 <template> <div class="echarts"></ 阅读全文
摘要：
背景 我所在的小组主要面向内部, 开发内部平台, 大多数页面都存在以下的结构: 筛选框 + 表格; 小组内vue UI框架选型为view-design, view-design的Table组件支持使用jsON自动构建出表格, 但是并没有提供筛选框组件; 尽管有提供Input, Select等组件, 阅读全文
摘要：
react 是一个专注的组件库。因此，它对如何请求远程数据没有什么建议。如果要通过 HTTP 请求数据并将其发送到 Web API ，可以考虑下面四种方法。 内联写法 集中管理 自定义 Hook react-query/swr 注意：在本文中，我将使用 fetch 进行 HTTP 调用，但是这些模式 阅读全文
摘要：
有的东西，看似简单，实则不简单，还是要多总结，在真实项目当中予以应用。 在vue当中绑定class和style的方式有很多种，基本都知道，但是在项目当中真正遇到需要用样式变化呢的场景却怎么也想不起来，很模糊，只能写一些简单地样式逻辑，今天来总结一下vue中动态绑定样式的情况。 demo01: 点击激 阅读全文
摘要：
实现步骤 html + bootstrap布局画3个面板。 注：面板样式 position 属性必须是绝对位置或者相对位置。 监听面板的的 mousedown事件。 记录当前对应面板的位置target_index，设置面板透明拖动。 监听当前被拖动的面板的mousemove事件。 根据鼠标移动的位置 阅读全文
摘要：
前端vue页面上的导出或者下载功能，一般是调用后端的一个接口，由接口生成excel,word这些文件的流信息，返回给vue，然后由vue去构建下载的动作，这边整理了一下，封装了一下，方便以后复用。 封装一个download文件 使用年月日时分秒毫秒做为文件的名称，下载为excel文件 /** * 下 阅读全文