前端面试时经常会问Vue双向绑定的原理是什么？这样回答就ok，vue.js是采用数据劫持结合发布者-订阅者模式的方式，通过 Object.defineProperty()来劫持各个属性的setter，ge...

要知道Vue nextTick的原理和作用，首先就要清楚Vue nextTick是什么？通俗易懂的讲：Vue nextTick是一个获取更新后DOM的Vue方法；nextTick方法是将回调函数延迟在下一次dom更...

Vue团队于2020 年9月18日晚11点半发布了Vue 3.0 版本，本次主版本更新包含性能的改进，更小的 bundle 体积，对 TypeScript 更好的支持，用于处理大规模用例的全新 API，以及...

vue路由模式有哪几种？Vue Router 是Vue官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。vue-router 默认hash 模式，还有一种是 history 模...

做前端开发仔都知道vue的循环就是v-for了，vue遍历对象数组的方法就是用v-for，本文讲解vue遍历普通数组方法、vue遍历对象数组方法、vue遍历对象的方法、vue遍历数字方法，...

在Vue开发项目时，时常用会倒计时这个功能，于是封装了一个Vue倒计时组件，那里需要用倒计时就引入它即可。这个Vue倒计时组件用到watch监听endTime数据的变化，有tab切换时...

vue3获取dom元素的方法，在vue2中用ref方法获取Dom元素，那么在vue3然后可以用ref方法很简单，在import中引入ref和onMounted，在vue3中的组合api就是好用，需要用什么就引入...

都2022年了，vue3可以投入生产了吗？Vue3能否用到生产环境？答案是肯定能，而且一定能。但是，你如果问，是不是所有项目都要升级到Vue3，这个就有待商榷了。目前，我自己也...

Vue的生命周期中，我们最常用的生命周期方法，莫过于created、mounted，前者是在web页面初始化时执行，后者是在web页面渲染完毕执行，本文基于 vue-cli 简单演示下，便可知...

首先知道下vue的生命周期是什么呢？在vue的创建，使用，销毁过程中，会有许多事件，这些事件就被统称为生命周期函数，也叫作生命周期钩子，有：beforeCreat( 创建前 )、cre...

先说下为什么用学习Vue这个例子来谈我的学习方法？其实关注我的朋友很多都是从我的Github上面来的，大多数都是Java后端开发者，Vue作为一种前端技术，掌握的人并不多。所以...

vue.js著名的全家桶系列，对于开发一个完整的中大型单页面应用项目所必须的所必须的插件和框架。vue全家桶有哪些？包含 vue-router，vuex，axios，再加上构建工具vue-cli，...

vue是尤雨溪在2014年发布的一个渐进式的js框架，它有着双向绑定的特性，同时它的虚拟dom技术让性能得到大大提升。最重要的就是它是渐进式的应用，你可以在你的项目中逐步地...

在Vue里点击打开弹窗后，默认页面的滚动条还是存在的，Vue弹窗后怎么禁止滚动条滚动?其实就控制body的css样式属性overflow:hidden有无。下面例子在methods里定义了stop和mo...

如果图片不是背景的话，而是img方式放在网页里是可以拖拽的，项目有禁止图片禁止拖拽的需求。只要加上一行代码就可以做到Vue禁止图片拖拽，方法就是加上@dragstart.prevent...

用Vue开发前端项目中，页面之间通过点击要传递参数和接受参数，用到Vue路由传参这个知识点，重点this.$router.push和his.$route.query的使用，看如下例子。...

Vue是允许我们自定义过滤器，可被用于一些常见的文本格式化处理等，Vue过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (从 2.1.0+ 开始支持)，Vue过滤器应该被添加...

Tab选项卡网页特效，是我们写页面时经常用到的，下面的这两个效果是一样的，原理都是利用索引值来做的，样子很简单没花很多时间去美化下，凑合着看吧。...

正值国庆期间，IT界前端圈出来个热点，尤雨溪大神，突然官宣他的Vue 3来了，在GitHub发布了源代码。尤大神这次发布的是 Pre-Alpha版，功能还不完善，会有很多BUG出现，据 V...

用vue-cli脚手架搭建vue项目，npm默认下载的vue版本不是项目要求的版本，比如，默认版本是vue2.5，但项目要求是要用vue2.0开发，咋办？怎么更换vue的默认版本？实际vue项目...

尤大大大神在Vue.js 伦敦大会上简要介绍了 Vue 下一个主要版本要发布的内容，不久前，尤大大在 medium 个人博客上发布了 Vue 3.0 的开发路线，已经有一段时间了，不出意外2...

父组件向子组件传值的方法很简单，就一句话。vue父组件向子组件传值的方法：必须使用props属性来定义父组件传递过来的数据，然后把父组件里的数据传递到子组件中就行了。...

什么是组件？组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可。...

vue是三大前端框架之一，深受着前端开发人员的喜欢，特别感谢尤大大啊，向大神致敬下，哈哈哈！不扯了，回归正题。本文总结的是vue的样式绑定方式，每种方式都有对应的例子...

vue事件修饰符，有5个很常用的阻止冒泡：.stop、阻止默认事件：.prevent、添加事件侦听器时使用事件捕获模式 ：.capture、只当事件在该元素本身触发时触发回调：.self 、事...