vue
Vue中的导航守卫（路由守卫）
当做Vue-cli项目的时候感觉在路由跳转前做一些验证，比如登录验证，是网站中的普遍需求。对此，vue-router提供的beforeEach可以方便地实现全局导航守卫（navigation-guards）。组件内部的导航守卫函数使用相同，只是函数名称不同（beforeRouteEnter、beforeRouteUpd...
Vue的钩子函数[路由导航守卫、keep-alive、生命周期钩子]
说到Vue的钩子函数，可能很多人只停留在一些很简单常用的钩子(created,mounted)，而且对于里面的区别，什么时候该用什么钩子，并没有仔细的去研究过，且Vue的生命周期在面试中也算是比较高频的考点，那么该如何回答这类问题，让人有眼前一亮的感觉呢...前端进阶积累、公众号、GitHub有的时候，我们需要通过路由...
vue移动端弹框组件，vue-layer-mobile
最近做一个移动端项目，弹框写的比较麻烦，查找资料，找到了这个组件，但是说明文档比较少，自己研究了下，把我碰到的错，和详细用法分享给大家！有疑问可以打开组件看一看，这个组件是仿layer-mobile的，很多用法都一样，可以看看哦！ 一、npm 安装// 当前最新版本 1.2.0 ...
Vue 动态粒子特效(vue-particles)
图上那些类似于星座图的点和线是由vue-particles生成的，不仅自己动，而且能与用户鼠标事件产生互动。是非常炫的一种动态特效可以在Vue项目中使用，需要安装第三方依赖npminstallvue-particles--save-dev复制代码或者npmivue-particles...
VUE图片懒加载-vue lazyload插件的简单使用
懒加载优化（1）前言利用vue-lazyload实现图片懒加载，下面介绍下具体使用步骤（2）下载安装第三方模块 （3）引入并激活相关参数 （4）组件调用使用方法很简单，将图片的:src改为v-lazy即可，如下所示 此时效果如下 因为之前设置的img宽度为100，所以这里需要用到...
vue-router 之 keep-alive路由缓存处理include+exclude
keep-alive是Vue内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。用法也很简单：<keep-alive><component><!--该组件将被缓存！--></component></keep-alive>propsinclude-字符串...
vue.nextTick()方法的使用详解
什么是Vue.nextTick()？？ 定义：在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的DOM。所以就衍生出了这个获取更新后的DOM的Vue方法。所以放在Vue.nextTick()回调函数中的执行的应该是会对DOM进行操作的js代码；理解：nextTick()，是...
swiper在vue项目中的循环轮播bug以及点击事件
一般的，如果是静态数据（本地数据），可以直接在mounted生命周期中初始化，循环轮播、自动播放都比较正常。 但是，如果是动态从后台获取数据的话，采用上述方法会发现，轮播图无法自动播放，也无法拖拽。 解决办法：在从后台获取完数据之后再初始化swiper，同时启动动态检查器observer，当改变swiper的样式（...
vue项目关闭eslint校验
【前言】eslint是一个JavaScript的校验插件，通常用来校验语法或代码的书写风格。这篇文章主要介绍了vue项目关闭eslint校验,需要的朋友可以参考下 【主体】简介eslinteslint是一个JavaScript的校验插件，通常用来校验语法或代码的书写风格。官方文档：https://eslint...
vue组件name的作用小结
我们在写vue项目的时候会遇到给组件命名 这里的name非必选项，看起来好像没啥用处，但是实际上这里用处还挺多的?123exportdefault{ name:'xxx'}1.当项目使用keep-alive时，可搭配组件name进行缓存过滤 举个例子： 我...
自定义vue的loading插件
在一般的vue项目中，都会用到Loading或者Alert之类的弹窗浮层，而他们是一种比较高频率出现的组件。 一般情况下，我们都会去直接import该组件，然后直接以标签的形式引用进去当前页面组件中，如下图： 这种是我们比较常用的一种方法，...
Vue生命周期钩子---2
咱们从上图可以很明显的看出现在vue2.0都包括了哪些生命周期的函数了。对于执行顺序和什么时候执行，看上面两个图基本有个了解了。下面我们将结合代码去看看钩子函数的执行。ps:下面代码可以直接复制出去执行<!DOCTYPEhtml><html><head><title>&l...
Vue生命周期钩子---3
：Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。beforecreate: 完成实例初始化，初始化非响应式变量this指向创建的实例；...
详解Vue生命周期---1
目录 Vue实例的生命周期全过程（图）在beforeCreate和created钩子函数间的生命周期created钩子函数和beforeMount间的生命周期el选项的有无对生命周期过程的影响template参数选项的有无对生命周期的影响Vue的编译过程——把模板编译成render函数...
