【Vue2.0-3.0点滴知识 】
文章平均质量分 78
Vue数学
barnett_y
成功道路并不拥挤,因为坚持的人不多。。。
展开
-
vue项目版本更新后文件存在缓存问题解决方案(vue-cli2.0&vue-cli3.0)
vue项目版本更新后文件存在缓存问题解决方案(vue-cli2.0&vue-cli3.0)原创 2023-02-22 09:55:22 · 1740 阅读 · 0 评论 -
vuex页面刷新数据丢失问题的四种解决方式
vuex页面刷新数据丢失问题的四种解决方式原创 2023-02-20 19:46:04 · 2922 阅读 · 0 评论 -
Vue Element动态生成的表单如何用 el-form 校验
Vue Element动态生成的表单如何用 el-form 校验原创 2022-12-11 17:00:36 · 1932 阅读 · 3 评论 -
Vue 中 iconfont 使用
Vue 中 iconfont 使用原创 2022-10-16 09:44:04 · 7733 阅读 · 0 评论 -
Vue props透传技巧
Vue props透传技巧原创 2022-10-15 18:18:56 · 1497 阅读 · 0 评论 -
Vue移动端 / PC端适配解决方案:postcss-px-to-viewport
移动端web适配原创 2022-09-29 09:54:40 · 2495 阅读 · 2 评论 -
移动端布局之postcss-px-to-viewport
移动web布局转载 2022-09-29 09:49:41 · 14852 阅读 · 7 评论 -
web项目屏幕适配的两种方案
web适配转载 2022-09-29 09:10:50 · 1331 阅读 · 2 评论 -
vue基础知识
vue基础知识原创 2022-09-25 15:23:00 · 684 阅读 · 0 评论 -
web全栈后台权限管理系统(VUE+ElementUi+nodeJs+koa2)
VUE+ElementUi+nodeJs+koa2转载 2022-08-19 13:14:35 · 952 阅读 · 0 评论 -
Pinia和Vuex理解这两个Vue状态
Pinia和Vuex理解这两个Vue状态原创 2022-08-19 09:46:15 · 286 阅读 · 0 评论 -
vue3中遇到的问题
分享 15 个比较常见的问题,基本都贴出对应文档地址,还请多看文档~ 因此主要分几个方面总结:原创 2022-08-18 19:03:40 · 4738 阅读 · 0 评论 -
vue 项目中一些问题记录
vue原创 2022-08-18 11:03:12 · 819 阅读 · 1 评论 -
vue可展开/收缩搜索条件且支持自适应功能
vue原创 2022-08-14 20:57:54 · 2817 阅读 · 0 评论 -
el-table动态表格的封装方式
el-table原创 2022-08-14 20:43:32 · 1490 阅读 · 0 评论 -
el-table 实现单元格内编辑功能
el-table 实现单元格内编辑功能原创 2022-08-14 20:34:26 · 3202 阅读 · 4 评论 -
vue.config.js 配置
vue.config配置原创 2022-08-13 10:01:17 · 2171 阅读 · 0 评论 -
Vue开发中常见问题记录
vue常见问题记录原创 2022-09-01 09:22:11 · 887 阅读 · 0 评论 -
Vue hookEvent监听组件生命周期
Vue hookEvent监听组件生命周期原创 2022-09-01 09:22:38 · 604 阅读 · 0 评论 -
Vue之手写 Vuex
首先需要去官网熟悉一下基本概念。Vuex 是集中式状态管理工具。它和全局对象有两点区别,第一点是 Vuex 中的数据是响应式的,即数据变动视图也会跟着变动,第二点是 Vuex 中的数据必须显示提交才可以改变,也就是说修改数据的时候都需要显示调用提供的 commit 方法。它的核心概念有4个,其中 state 用来存放数据,getter 用来获取数据(类似于 Vue 的计算属性)...原创 2022-08-07 16:43:56 · 440 阅读 · 0 评论 -
vue-cli命令npm run serve 源码解析
npm run serve 源码解析原创 2022-07-31 15:40:49 · 811 阅读 · 0 评论 -
前端(React、Vue)多环境配置
在一个正常的迭代周期内,一般会经历开发、测试、生产3个阶段,每个阶段都需要一个独立的环境,再加上某些特殊需求需要增多几个环境(如嵌入到其他应用下、迭代有新的阶段),如果没有一个好的多环境管理方案,那么就会出现代码强耦合、切环境操作复杂等问题...转载 2022-07-23 14:05:19 · 1928 阅读 · 0 评论 -
Vue开发小技巧
Vue开发小技巧转载 2022-07-20 09:29:49 · 938 阅读 · 0 评论 -
vue全局api原理
Vue 的全局 api转载 2022-07-01 08:24:48 · 311 阅读 · 0 评论 -
Vue防止多次点击
vue原创 2022-06-28 14:22:47 · 1579 阅读 · 0 评论 -
Vue中如何做样式穿透
1原创 2022-06-05 15:20:07 · 413 阅读 · 1 评论 -
Vue和React对比学习之组件传值(Vue2 12种、Vue3 9种、React 7种)
简介Vue和React是目前前端最火的两个框架。不管是面试还是工作可以说是前端开发者们都必须掌握的。今天我们通过对比的方式来学习Vue和React的组件传值这一部分。本文首先讲述Vue2、Vue3、React的组件传值方式,然后具体介绍了每种传值的应用场景以及具体的使用。最后对比总结了Vue和React在组件传值这部分的相同点和不同点。希望通过这种对比方式的学习能让我们学习的时候印象更深刻,希望能够帮助到大家。Vue2Vue2 组件通信共有12种props $emit /转载 2022-05-30 08:57:48 · 659 阅读 · 0 评论 -
Vue和React对比学习之Ref和Slot
简介Vue和React是目前前端最火的两个框架。不管是面试还是工作可以说是前端开发者们都必须掌握的。今天我们通过对比的方式来学习Vue和React的Ref和Slot。本文首先讲述了Vue和React各自支持的Ref和Slot以及具体的使用,然后通过对比总结了它们之间的相同点和不同点。希望通过这种对比方式的学习能让我们学习的时候印象更深刻,希望能够帮助到大家。RefRef可以帮助我们更方便的获取子组件或DOM元素。当我们使用ref拿到子组件的时候,就可以使用子组件里面的属性和方法了原创 2022-05-30 08:52:20 · 485 阅读 · 0 评论 -
vue3最全资源库来袭,包含(web、移动、小程序、Electron、常用库、面试、文档工具)等资源
一.介绍vue3-resource专注于收集vue3相关资源,包含(web/移动/小程序/桌面/常用库/面试/文档&工具)等资源.持续更新中!!! 如果这些资源对你有帮助,👏 欢迎star 支持下【vue3-resource】二.特别说明🌟 推荐的资源全部支持vue3,由于个人精力有限,可能会遗漏很多优秀的vue3开源资源或资源错误!还请您点此主动推荐或修改建议!!!十分感谢🙏。 可点击在线预览查看详细资源, 站点部署在github,可能访问过慢,请耐心等待。三.资源推荐资源共分转载 2022-05-26 13:17:24 · 1173 阅读 · 0 评论 -
Vue搭建可视化界面
最近更新:收到很多私信,大家都想了解构建的源码和过程,因为之前涉及到很多公司内部业务和隐私,所以不方便放出来。应大家强烈要求,这里我将重写一个活动页构建工具供大家参考,持续更新,欢迎start和关注:muwoo/rosegithub.com线上预览地址:Rosemuwoo.github.io前言如果你经常接触一些公司的活动页,可能会经常头疼以下问题:这些项目周期短,需求频繁,迭代快,技术要求不高,成长空间也小。但是我们还是马不停蹄的赶着产品提来的一个个需求,随着公司规模的增.转载 2021-04-26 15:58:58 · 7897 阅读 · 1 评论 -
Vue和React的区别
在我之前写的localStorage与Vuex的区别这篇文章中讲过关于这个类型的题目,其中分析过描述区别,就是求同存异的过程。那接下来我用同样的思路来解这道题目。首先找到 Vue 和 React 的共性,它们被用于解决什么问题, 然后再挖掘各自独特的个性、设计原理以及未来的趋势等。vue和react区别共同点Vue和React存在着很多的共同点: 数据驱动视图 组件化 都使用Virtual DOM 1. 数据驱动视图在jquery时代,我们需要频繁...原创 2021-04-07 11:45:37 · 49599 阅读 · 1 评论 -
Vue 递归组件
对于一些有规律的DOM结构,如果我们再一遍遍的编写同样的代码,显然代码是比较繁琐和不科学的,而且自己的工作量会大大增加,那么有没有一种方法来解决这个问题呢?答案是肯定的,我们可以通过 递归 方式来生成这个结构,当然在 Vue 模板中也是可以实现的,我们可以在 Vue 的组件中调用自己本身,这样就能达到目的。当然,在 Vue 中,组件可以递归的调用本身,但是有一些条件:该组件一定要有 name 属性 要确保递归的调用有终止条件,防止内存溢出为了方便理解递归组件,我写了一个小小的 Demo:原创 2020-12-09 10:48:47 · 6699 阅读 · 0 评论 -
利用Jenkins + nginx 实现前端项目自动构建与持续集成
本文将以我之前的一篇基于vue-cli3.0构建移动端架子的前端代码自动化部署到目标服务器为????。实现目标本地push代码到GitHub,Webhook自动触发jenkins上的构建动作,完成安装node插件并且打包,然后通过Publish Over SSH插件,将打包出来的文件,部署到目标服务器上。前期准备github 账号和项目 centos 服务器; 服务器安装 Java SDK; 服务器安装 nginx + 启动; 服务器安装jenkins + 启动;jenkins介绍转载 2020-12-02 09:08:46 · 604 阅读 · 0 评论 -
Vue项目性能优化
前言Vue 框架通过数据双向绑定和虚拟 DOM 技术,帮我们处理了前端开发中最脏最累的 DOM 操作部分, 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM;但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题,所以我们仍然需要去关注 Vue 项目性能方面的优化,使项目具有更高效的性能、更好的用户体验。本文是作者通过实际项目的优化实践进行总结而来,希望读者读完本文,有一定的启发思考,从而对自己的项目进行优化起到帮助。本文内容分为以下三部分组成: Vue 代码层转载 2020-07-21 16:42:53 · 573 阅读 · 0 评论 -
最全Vue知识点(基础到进阶,覆盖vue3)
基础篇说说你对MVVM的理解 Model-View-ViewModel的缩写,Model代表数据模型,View代表UI组件,ViewModel将Model和View关联起来 数据会绑定到viewModel层并自动将数据渲染到页面中,视图变化的时候会通知viewModel层更新数据 了解mvc/mvp/mvvm的区别Vue2.x响应式数据/双向绑定原理 Vue 数据双向绑定主要是指:数据变化更新视图,视图变化更新数据。其中,View变化更新Data,可以通过事件监听的方式转载 2020-07-21 16:36:49 · 844 阅读 · 0 评论 -
vue.js 使用技巧总结
前言写 vue 有很长一段时间了 , 在使用过程中会遇到各种场景的挑战 , 本文记录了我在使用 vue 中发现的一些好的实践,希望能够帮助到大家。vue.js 使用技巧覆盖 element-ui 样式只覆盖某个组件内的 element-ui 样式,而不影响全局。命名空间由于 element-ui 的样式我们是在全局引入的,所以你想在某个页面里面覆盖它的样式就不能加 scoped,但你又想只覆盖这个页面的 element 样式,你就可在它的父级加一个 class,用命名空间来解决问题。转载 2020-07-14 19:49:19 · 593 阅读 · 0 评论 -
你不知道的React 和 Vue 的20个区别
前言面试竞争力越来越大,是时候撸一波Vue和React源码啦;本文将前2个月面试总结成从20个层面来对比Vue和React的源码区别;文章有点长,可以收藏,慢点品尝; 如果需要了解API的区别,请戳:Vue 开发必须知道的 36 个技巧React 开发必须知道的 34 个技巧文章源码:请戳,原创码字不易,欢迎star!1.Vue和React源码区别1.1 Vue源码来张Vue源码编译过程图图片来源:分析Vue源码实现1.1.1 挂载初始化$mounted会..转载 2020-07-07 19:29:30 · 718 阅读 · 1 评论 -
vue + typescript 进阶篇
本文是继Vue + TypeScript 新项目起手式之后的进阶+踩坑配置,所以推荐先行阅读前文完整阅读完之后,基本可以顺利在新项目中使用vue+typescript了另外特别注意!!!不推荐在已有项目上强加typescript, 因ts写法的组件跟之前的组件不兼容,若上的话需要修改之前写的组件配置完整版可参考vue-typescript-starter,若没...转载 2020-04-13 11:10:20 · 2030 阅读 · 0 评论 -
vue + typescript 项目起手式
我知道你们早就想用上 vue + ts 强类型了还有后续 vue + typescript 进阶篇安装vue-cli 安装ts依赖 配置webpack 添加tsconfig.json 添加tslint.json 让ts识别.vue 改造.vue文件什么是typescriptTypeScript是JavaScript的强类型版本。然后在编译期去掉类型和特...转载 2020-04-13 11:09:30 · 990 阅读 · 0 评论 -
总结vue知识体系之实用技巧
vue 作为目前前端三大框架之一,对于前端开发者可以说是必备技能。那么怎么系统地学习和掌握 vue 呢?为此,我做了简单的知识体系体系总结,不足之处请各位大佬多多包涵和指正,如果喜欢的可以点个小赞!本文主要讲述一些vue开发中的实用技巧。相关推荐总结vue 知识体系之基础入门篇总结几个vue-router的使用技巧搭建一个vue-cli的移动端H5开发模板...转载 2020-03-04 14:02:47 · 681 阅读 · 0 评论