- 博客(12)
- 收藏
- 关注
原创 HTML+CSS 个人名片制作
/ /* 梯形右侧边框,透明以形成梯形效果 *//* 梯形左侧边框,透明以形成梯形效果 *//* 梯形底部边框,设置颜色和高度 */transform: skewX(-14deg);/* 倾斜角度,根据需要调整 *//* 与背景相同的颜色 *//* 倾斜角度,根据需要调整 *//* 与背景相同的颜色 *//* 高度为0,因为我们使用边框来创建形状 *//* 缺失角的宽度 *//* 梯形底部宽度 *//* 缺失角的宽度 */
2024-07-01 17:42:31
178
原创 vue传值
1、父传子:在父组件给子组件标签绑定一个自定义属性,子组件通过 props:['自定义名'] 来接收。2、子传父:在父组件给子组件标签绑定一个自定义事件,子组件通过$emit 来传参。3、兄弟传:在min.js中创建一个$bus ,在组件A通过$emit 传需要的参数,组件B用$on来接收。vue3中 也可以通过以上传参 , but还有更好的方法: provide inject 实现先父子传值。在父组件中...
2022-01-04 15:04:14
155
原创 vue双向数据绑定
vue采用了数据劫持 结合发布者和订阅者模式 ,通过Object.defineProperty来劫持各个属性的setter,getter。在数据变动的时候发布给订阅者,触发监听从而来更新试图Obsrever能够对数据进行监听,一旦变化就通知给订阅者,complie对每个元素节点指令进行扫描、解析。watcher 作为obsrever和complie的桥梁,能够收到每个属性的变动通知,执行指令绑定的响应回调函数,更新视图...
2021-12-29 17:02:37
420
原创 keep-alive
文章目录前言一、keep-alive是什么?二、使用步骤1.使用组件2.点击事件3.子组件中 添加事件2.点击事件2.点击事件总结前言进入了解 keep-alive 的使用一、keep-alive是什么?包裹动态组件时会缓存不会活动的实例,而不是销毁它,他自身不会渲染dom,不会出现在父组件中,不仅可以包裹组件 还可以包裹页面。二、使用步骤1.使用组件代码如下(示例):我们在components下创建几个组件 在父组件中引入 使用2.点击事件代码如下(示例):我们在来几个点击事件
2021-12-29 16:35:28
345
原创 路由的导航守卫
分类路由的导航守卫分为三种:全局守卫,组件级守卫,单个路由独享守卫全局路由守卫:最重要的就是前置守卫router.beforeEach, 有三个参数(to,from,next)后置钩子函数:router.afterEach组件路由守卫:beforeRouteEnter 进入页面前 有三个参数(to,from,next)beforeRouteUpdata 更新时beforeRouteLeave 离开页面后单个路由守卫:beforeEnter 有三个参数(to,from,ne
2021-12-29 15:43:29
852
原创 自定义过滤器
过滤器:对常用文本的格式化 ,常用于格式化:时间、价格。过滤器分为:全局过滤 、局部过滤。 注意:(过滤器中没有this指向)过滤器 在双花括号中通过管道符来拼接 ,第一个参数是管道符( | )前面的 数据 ,第二第三个参数filtersData(1,2)。局部过滤:filters 于 data同级*全局过滤器:vue.filter...
2021-12-28 12:08:48
231
原创 常见的数据类型
数据类型:一般数据类型 引用数据类型一般数据类型:Number---数字类型 、 引用数据类型:Object---对象、String---字符串、 Array --- 数组、Boolean---布尔值、 ...
2021-12-28 11:45:58
548
原创 vue3生命周期
beforeCreate -> setup() 开始创建组件之前,创建的是data和methodcreated -> setup()beforeMount -> onBeforeMount 组件挂载到节点上之前执行的函数。mounted -> onMounted 组件挂载完成后执行的函数beforeUpdate -> onBeforeUpdate 组件更新之前执行的函数。updated -> onUpda...
2021-12-27 11:50:40
156
原创 vue 页面生命周期
创建:beforeCreate:创建之前 created:创建之后挂载:beforeMount:挂载在之前 mounted:挂载之后更新: beforeUpdate:更新之前 update:更新之后销毁:beforeDestory:销毁前 destoryed:销毁之后组件激活时:activeted deativated捕捉子组件错误时间时调用:errorCaptured...
2021-12-27 10:39:47
257
原创 新电脑 装 软件
node:node淘宝镜像傻瓜式安装 一路 entervue : 另一种建项目方式: vue uiIDE:GIT: 安装浏览器 : 以谷歌为准...
2021-12-25 15:01:21
365
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人