zyc_98-CSDN博客

原创 vue传值

1、父传子：在父组件给子组件标签绑定一个自定义属性，子组件通过 props:['自定义名'] 来接收。2、子传父：在父组件给子组件标签绑定一个自定义事件，子组件通过$emit 来传参。3、兄弟传：在min.js中创建一个$bus ，在组件A通过$emit 传需要的参数，组件B用$on来接收。vue3中也可以通过以上传参， but还有更好的方法： provide inject 实现先父子传值。在父组件中...

2022-01-04 15:04:14 145

原创 vue双向数据绑定

vue采用了数据劫持结合发布者和订阅者模式，通过Object.defineProperty来劫持各个属性的setter，getter。在数据变动的时候发布给订阅者，触发监听从而来更新试图Obsrever能够对数据进行监听，一旦变化就通知给订阅者，complie对每个元素节点指令进行扫描、解析。watcher 作为obsrever和complie的桥梁，能够收到每个属性的变动通知，执行指令绑定的响应回调函数，更新视图...

2021-12-29 17:02:37 410

原创 keep-alive

文章目录前言一、keep-alive是什么？二、使用步骤1.使用组件2.点击事件3.子组件中添加事件2.点击事件2.点击事件总结前言进入了解 keep-alive 的使用一、keep-alive是什么？包裹动态组件时会缓存不会活动的实例，而不是销毁它，他自身不会渲染dom，不会出现在父组件中，不仅可以包裹组件还可以包裹页面。二、使用步骤1.使用组件代码如下（示例）：我们在components下创建几个组件在父组件中引入使用2.点击事件代码如下（示例）：我们在来几个点击事件

2021-12-29 16:35:28 315

原创路由的导航守卫

分类路由的导航守卫分为三种：全局守卫，组件级守卫，单个路由独享守卫全局路由守卫：最重要的就是前置守卫router.beforeEach, 有三个参数（to，from，next）后置钩子函数：router.afterEach组件路由守卫：beforeRouteEnter 进入页面前有三个参数（to，from，next）beforeRouteUpdata 更新时beforeRouteLeave 离开页面后单个路由守卫：beforeEnter 有三个参数（to，from，ne

2021-12-29 15:43:29 832

原创自定义过滤器

过滤器：对常用文本的格式化，常用于格式化：时间、价格。过滤器分为：全局过滤、局部过滤。注意：(过滤器中没有this指向)过滤器在双花括号中通过管道符来拼接，第一个参数是管道符（ | ）前面的数据，第二第三个参数filtersData（1,2）。局部过滤：filters 于 data同级*全局过滤器：vue.filter...

2021-12-28 12:08:48 210

原创常见的数据类型

数据类型：一般数据类型引用数据类型一般数据类型：Number---数字类型、引用数据类型：Object---对象、String---字符串、 Array --- 数组、Boolean---布尔值、 ...

2021-12-28 11:45:58 534

原创 vue3生命周期

beforeCreate -> setup() 开始创建组件之前，创建的是data和methodcreated -> setup()beforeMount -> onBeforeMount 组件挂载到节点上之前执行的函数。mounted -> onMounted 组件挂载完成后执行的函数beforeUpdate -> onBeforeUpdate 组件更新之前执行的函数。updated -> onUpda...

2021-12-27 11:50:40 128

原创 vue 页面生命周期

创建：beforeCreate:创建之前 created：创建之后挂载：beforeMount:挂载在之前 mounted:挂载之后更新: beforeUpdate:更新之前 update:更新之后销毁：beforeDestory:销毁前 destoryed：销毁之后组件激活时：activeted deativated捕捉子组件错误时间时调用：errorCaptured...

2021-12-27 10:39:47 242