影依贤者

摘要： 生命周期 validate 用来校验动态路由参数的有效性。 在该生命周期内可以访问this.methods 该生命周期必须返回一个布尔值或者包装了布尔值的Promise，如果为false会跳转进layouts/error.vue 使用context.params.xxx来验证路径 asyncData 阅读全文

摘要： layout layouts文件夹中写布局用的vue文件，通过<nuxt />来应用pages文件夹中的页面，页面中能配置layout对象来指定页面放入哪个布局 路由 nuxt中的路由不需要手动配置，要放在pages文件夹下就会自动配置路由 每个pages页面通过head函数来配置html的head 阅读全文

摘要： Object.fromEntries(new URL(window.location.href).searchParams) 阅读全文

摘要： 触发BFC的方式 是body 元素 浮动元素：float 除 none 以外的值 绝对定位元素：position (absolute、fixed) display 为 inline-block、table-cell、table-caption、flex、inline-flex overflow 除了 阅读全文

摘要： 首先通过定两遍的宽和中间自适应100%来完成基本的大小设置，然后都用左浮动来设置基本布局，之后用负margin来将左右两遍提到中间的同一行，左边设margin:-100%，右边设margin:-xxpx，这时候会发现左右两遍把中间遮住了，处理遮住的地方才是两个布局的区别。 圣杯布局 通过设置最外面元 阅读全文

摘要： 实例化vm 在实例化vm时进行了一些属性的初始化，再这之后才调用beforeCreate钩子 初始化$parent $children $attrs $slots setup 这时候能读取到props emit等数据，但是无法读取到data。 beforeCreate 也就是所在beforeCrea 阅读全文

摘要： 偏函数 偏函数就是将一个函数的参数固定后包装为一个新函数，通过给新函数传入参数来调用原来的函数。 function add(a, b) { return a + b; } function addTwo(num) { return add(2, num); } console.log(addTwo( 阅读全文

摘要： 众所周知，async/await只是一个语法糖，它是基于生成器来实现的，我根据网上的资料，从头开始写出它中间的原理实现。 生成器 生成器是在定义函数时在function后添加*定义的，像这样：function* func(){}，执行生成器函数后会得到一个迭代器，在生成器函数中能支持yield来暂停 阅读全文

摘要： 挂载到vm上 vuex也是通过vm.use()来挂载的，使用$store来访问state。 setup中通过import {useStore} from "vuex"; const store = useStore()来获得store state 在这里定义的状态可以被其它的几项方法使用，如muta 阅读全文

摘要： 在vm上挂载的属性 在main.js中用use(router)在vm上挂载了两个属性$router $route $router全部的router设置，跳转路由等操作通过它进行 $route当前的router指向，它包含了一些当前路由的属性 通过$router.push("xxx")进行路由跳转 s 阅读全文