- 博客(5)
- 收藏
- 关注
原创 Vue - 路由守卫(路由的生命周期)
路由守卫是什么?官方解释:“导航”表示路由正在发生改变。正如其名,vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的, 单个路由独享的, 或者组件级的。简单的说,导航守卫就是路由跳转过程中的一些钩子函数。路由跳转是一个大的过程,这个大的过程分为跳转前中后等等细小的过程,在每一个过程中都有一函数,这个函数能让你操作一些其他的事儿...
2019-08-26 16:54:50 9013
原创 Chrome DevTools调试技巧
【1】DevTools触发伪类右键单击Elements面板中的元素节点并选择“ force state ”。或者在Sytle子窗格中单击“:hov ”图标。可以触发元素上的伪类来研究元素在悬停时的效果和样式【2】DevTools-在任何网页上运行预定义的代码片段DevTools中有一个叫做代码段的特性,它允许您可以在网页上运行的测试代码(这比在控制台面板中重新键入JavaScrip...
2019-08-21 18:21:38 1681
原创 Vue - 渲染函数render
一、render函数是什么 简单的说,在vue中我们使用模板HTML语法来组建页面的,使用render函数我们可以用js语言来构建DOM。因为vue是虚拟DOM,所以在拿到template模板时也要转译成VNode的函数,而用render函数构建DOM,vue就免去了转译的过程。 当使用render函数描述虚拟DOM时,vue提供一个函数,这个函数是就构建虚拟DOM所需要...
2019-08-19 17:28:18 968
原创 Vue - $attrs及$listeners属性实现多级嵌套组件通信
前言组件是 vue.js 最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。如上图所示,A 和 B、B 和 C都是父子关系,A 和 C 是隔代关系(可能隔多代)。针对不同的使用场景,如何选择行之有效的通信方式?A 组件与 B 组件之间的通信: (父子组件)如上图所示,A、B、C三个组件依次嵌套,按照 Vue 的开发习惯,父子组件通信可...
2019-08-16 11:11:21 3089
原创 Element UI级联地址省市区插件
安装npm install element-china-area-data -S使用import{provinceAndCityData,regionData,provinceAndCityDataPlus,regionDataPlus,CodeToText,TextToCode}from'element-china-area-data'import { ...
2019-08-08 17:57:37 3920
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人