vue
文章平均质量分 50
一善流年
菜鸟小白
展开
-
移动端vant的日历组件弹框会带出手机自带的键盘
依赖vant-ui框架做个日期弹框,用到DatetimePicker插件,DatetimePicker插件没有自带弹框效果,所以也得嵌套在van-popup组件里进行弹出。原创 2022-09-07 14:28:22 · 1278 阅读 · 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 · 7101 阅读 · 0 评论 -
vue中的diff算法
什么是Diff算法?diff算法就是用于比较新旧两vue中的虚拟dom目前虚拟dom的类库有多种,常见的有snabbdom和virtual-dom, vue以前用的是virtual-dom,从2.x版本后都是使用的snabbdom。(snabbdom源码下载) 今天,我们就通过snabbdom源码来解析vue的虚拟domdiff 比较规则1、diff 比较两个虚拟dom只会在同层级之间进行比较,不会跨层级进行比较。而用来判断是否是同层级的标准就是是否在同一层 是否有相同的父级 下原创 2021-10-28 21:02:35 · 583 阅读 · 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 · 167 阅读 · 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 · 1067 阅读 · 0 评论