vue
文章平均质量分 50
一善流年
菜鸟小白
展开
-
移动端vant的日历组件弹框会带出手机自带的键盘
依赖vant-ui框架做个日期弹框,用到DatetimePicker插件,DatetimePicker插件没有自带弹框效果,所以也得嵌套在van-popup组件里进行弹出。原创 2022-09-07 14:28:22 · 1369 阅读 · 0 评论 -
数组去重的五种方法
数组去重的方法 一、利用ES6 Set去重(ES6中最常用) var arr = [1,1,8,8,12,12,15,15,16,16]; function unique (arr) { return Array.from(new Set(arr)) } console.log(unique(arr)) //[1,8,12,15,16] 不考虑兼容性,这种去重的方法代码最少。这种方法还无法去掉“{}”空对象,后面的高阶方法会添加去掉重复“{}”的方法。 二、利用for嵌套for,然后s原创 2021-10-28 21:10:16 · 7220 阅读 · 0 评论 -
vue中的diff算法
什么是Diff算法? diff算法就是用于比较新旧两 vue中的虚拟dom 目前虚拟dom的类库有多种,常见的有snabbdom和virtual-dom, vue以前用的是virtual-dom,从2.x版本后都是使用的snabbdom。(snabbdom源码下载) 今天,我们就通过snabbdom源码来解析vue的虚拟dom diff 比较规则 1、diff 比较两个虚拟dom只会在同层级之间进行比较,不会跨层级进行比较。而用来判断是否是同层级的标准就是 是否在同一层 是否有相同的父级 下原创 2021-10-28 21:02:35 · 610 阅读 · 0 评论 -
vue中Slot插槽的使用
1.solt插槽 插槽分为:具名插槽 ,匿名插槽,作用域插槽 插槽指允许将自定义的组件像普通标签一样插入内容 import Vue from 'vue' // 定义组件componentOne const compoentOne = { template: ` <div :style="style1"> <slot></slot> // 定义插槽 </div> `, da原创 2021-10-28 20:51:42 · 188 阅读 · 0 评论 -
Vue的路由传参
Vue传参的几种方式 方式一:使用query方式传参 1.在url后面用?的方式传入参数 <router-link to='/login?id=10&name=alan'>登录</router-link> 2.调用时直接在组件模板中{{$route.query.id}} template:'<h3>登录组件---{{$route.query.id}}---{{$route.query.name}}</h3>' 方式二:使用..原创 2021-09-02 10:52:47 · 1114 阅读 · 0 评论