摘要: 针对div display: flex; align-items: center; justify-content: center; 绝对定位+transform position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50 阅读全文
posted @ 2021-04-20 16:46 jane_panyiyun 阅读(65) 评论(0) 推荐(0) 编辑
摘要: vue 父组件向孙子组件传值除了用provide/inject的依赖注入的传值方法,还可以用$attrs 1. parent父组件 我们给child子组件穿了四个属性值(title,name,hobby,age) <template> <div> <button @click="add" >点击增加 阅读全文
posted @ 2021-04-20 16:37 jane_panyiyun 阅读(1277) 评论(0) 推荐(1) 编辑
摘要: 一般情况下我们父子组件之间的传值用的是props 如果想让父组件,向子组件的子组件,也就是孙子组件传值,可以用provide和inject(依赖注入),当然provide/inject也支持父子组件的传值 provide/inject需要一起使用,我们可以从父组件的provide传值,子组件或者孙组 阅读全文
posted @ 2021-04-20 16:26 jane_panyiyun 阅读(476) 评论(0) 推荐(0) 编辑
摘要: vue中组件的data为什么是一个函数 在文档上Vue组件基础这一节中告诉我们:一个组件的 data 选项必须是一个函数 通过 Vue 构造器传入的各种选项大多数都可以在组件里用。data 是一个例外,它必须是函数。如果定义了一个对象,那么 Vue 会停止,并在控制台发出警告,告诉你在组件中 dat 阅读全文
posted @ 2021-04-20 16:02 jane_panyiyun 阅读(354) 评论(0) 推荐(0) 编辑
摘要: 背景: 在前端开发中,我们会经常需要绑定一些持续触发的事件,如resize, scroll, mousemove等,但是有时候不希望在事件持续触发的过程中太频繁地执行函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> 阅读全文
posted @ 2021-04-20 14:01 jane_panyiyun 阅读(1872) 评论(0) 推荐(0) 编辑
摘要: 一,容器的属性(6个): .box{} 1. flex-direction属性: 决定主轴方向 (项目按什么方向排列) flex-direction: row | row-reverse | column | column-reverse (默认是row) 按图形如下记忆: ↓ ↑ → ← 2. f 阅读全文
posted @ 2021-04-20 10:18 jane_panyiyun 阅读(87) 评论(0) 推荐(0) 编辑