VUE技术栈
@baby张
但凡不能杀死你的,必定会使你更强大。
展开
-
(建议收藏)Vue3 对比 Vue2.x 差异性、注意点、整体梳理,与React hook比又如何?(面试热点)
前言前不久Vue3的RC版本终于发布,一直没时间研究,这篇文章我将以下面的结构,为大家整体梳理下Vue3,顺便对比下vue2.x和react hook结合着带大家看看,可能有些长,耐心看完相信会有收获(面试热点)。文章目录前言一、为什么重写vue2.X?1.1背景1.2尤雨溪的回答是两个关键因素:二、Vue2.x 到 Vue3 详细对比2.1 生命周期的变化2.2- 使用proxy代替defineProperty2.2.1- Object.defineProperty()语法2.2.2- Proxy的原创 2020-11-06 12:31:12 · 1181 阅读 · 0 评论 -
Datav超炫酷的可视化,大屏数据展示组件库-dataV组件库,“react-vue -组件库”
对可视化有所了解的应该都知道,某云平台的一款datav大屏可视化的工具,作者前年买了个个人版的,直接在页面上拖住就可以了确实很强。最近平台发来邮件,说我的个人版datav到期了,本来想续租,发现之前的个人版下架了,只剩下企业版、专业版、至尊版,最便宜的企业版一年4800,看着这价钱我慌了,够我吃一年小龙虾的了,不香嘛。果断放弃续费。。。于是乎,就发现了这款github刚出来几个月的组件库。datav如他所言:开源长期维护, 目前支持vue 、react、npm所以组件都有vue和react版可以切.原创 2020-06-01 15:55:15 · 10880 阅读 · 8 评论 -
Sortable简单好用的拖拽排序工具
Sortable超简单好用的拖拽排序工具很好的拖拽排序工具,支持原始js,vue ,react,angular,可惜官网访问太慢,将文档整理放博客里,随时访问,https://www.npmjs.com/package/sortablejs特点兼容性好简单原生CSS框架兼容性零依赖SPA支持良好安装安装方法方法npm / yarnnpm install...原创 2020-04-03 17:06:36 · 7162 阅读 · 4 评论 -
styled-components:前端组件拆分新思路
感觉文章挺好的转载收藏一波:作者:神三元 https://juejin.im/post/5d1ae68fe51d454f7230255d一直在思考React组件如何拆分的问题,直到接触到styled-components,让我有一种如鱼得水的感觉,今天我就给大家分享一下这个库如何让我们的前端组件开发的更优雅,如何保持更合适的组件拆分粒度从而更容易维护。一、使用方法styled-c...转载 2019-10-12 11:04:04 · 676 阅读 · 0 评论 -
基于vue的Ui框架(全+好用)
1、 iView UI组件库iView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。iView的组件还是比较齐全的,更新也很快,文档写得很详细。有公司团队维护,比较可靠的Vue UI组件框架。iView生态也做得很好,还有开源了一个iView Admin,做后台非常方便。官网上介绍,iView已经应用在TalkingData、阿里巴巴、百度、腾讯、今日头条...原创 2019-08-08 13:41:18 · 12430 阅读 · 1 评论 -
vue 手动选择切换设置语言(详细三步)
vue项目开发过程中,有的可能需要语言的切换,Element也提供了几种方法,国际化菜单中,我们更多时候想要的是,可以自由的切换,我们基于element改进一下。我们使用插件vue-i18n 来更好的控制第一步: 命令行执行 npm install vue-i18n --save安装好 vue-i18n保险起见看 package.json里是否安装好第二步: main.js 引...原创 2019-06-10 16:18:32 · 9436 阅读 · 3 评论 -
解决 Vue element ui 的table水平滚动条固定底部(两个姿势)
前提条件,需求:使用vue element UI 的table由于横向数据比较长,小屏幕电脑会出现水平滚动条,假如每页20条数据,那么我想对第一条数据进行操作,我得先滚动到table最下面,再拉动水平滚动条到最右边,再回滚到最上面,对末尾的操作进行点击。这样操作太繁琐,所以提出需求:屏幕过小出现水平滚动条时候,将table的水平滚动条固定再屏幕底部。element ui 的table并...原创 2019-03-28 11:43:53 · 26003 阅读 · 14 评论 -
[vuex] vuex requires a Promise polyfill in this browser.报错(两种解决方案)
这个[vuex] vuex requires a Promise polyfill in this browser.报错原因是不同版本浏览器对ES6 promise的不支持,查找并整理两个方案。1.方案一安装 babel-polyfill步骤1. npm install --save babel-polyfill安装完成package.json里可以看到名称和对应版本步骤2. 在...原创 2019-04-12 17:32:15 · 8222 阅读 · 3 评论 -
vuex的拆分使用(详细)模块化处理
你还不知道 vuex 如何使用?vuex快速上上手链接:https://blog.csdn.net/weixin_43648947/article/details/88977281当我们对vuex有了一定的了解之后发现随着项目越来越大,将所有的store单一的存在一个js里显然维护和使用起来都不太方便,这时候我们最好是将store拆分开,使state、getters、mutations、...原创 2019-04-03 16:04:42 · 8215 阅读 · 0 评论 -
vuex的语法糖-辅助函数mapState , mapMutations , mapActions , mapGetters
还不知道vue中vuex如何使用?点击下面链接链接:简单demo详细讲解复习vuex工作原理事件调用 dispatchstate修改 render重新渲染commit一个type类型匹配对应type操作state客户端ActionStateMutationvuex五大核心1.State2.Getters3.Mutations4.Actions5.Module我们项目中需要的都...原创 2019-04-03 15:08:26 · 4738 阅读 · 0 评论 -
vuex快速入门(详细)--核心点--工作流程机制
vuexvuex顾名思义是一款为vue而生的状态管理工具。vue本身自带着store模式,其实就是全局注册一个对象,实现数据共享。适合小型数据量少的项目。vuex适合复杂的单页面应用,涉及到多层次嵌套,多层次组件传值,不同视图对一个状态或者接口的处理。一、vux 的五大核心1.State2.Getter3.Mutation4.Action5.Modulevuex 四大辅助函数 ...原创 2019-04-03 14:26:55 · 4183 阅读 · 2 评论