夜安梦-CSDN博客

原创 vue父子组件的生命周期执行顺序

加载渲染过程父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted 子组件更新过程父beforeUpdate->子beforeUpdate->子updated->父updated 父组件更新过程父beforeUpdate->父updated 销毁过程父beforeDestroy-&gt

2022-03-01 08:58:34 390

原创自定义指令

自定义指令对DOM元素进行底层操作，分为全局的自定义指令和局部自定义指令全局自定义指令：通过Vue.directive('第一个参数是指令的名称',{第二个参数是一个对象，这个对象上有钩子函数}) 局部自定义指令：在组件中定义选项对象directives:{ 指令名：{} } 钩子函数： Bind：只调用一次，指令第一次绑定到元素时调用 Inserted：被绑定元素插入父节点时调用 Update：所在组件的 VNode 更新时调用 ...

2022-01-15 21:09:03 2976

原创 es6: class（类的继承）

calss 声明类 class People{ } 例： class People { // 属性固定写法 constructor(name,age){ // 构造器实例化类的时候会调用 this.name = name this.age = age } // 方法 eat(){ re...

2022-01-10 17:50:30 361

原创原型和原型链

_ _proto_（）隐式原型 prototype显示原型每个对象都会有一个隐式原型，每一个函数都会有一个 prototype、constructor构造器，每一个实例对象的隐式原型都指向prototype 原型链：获取对象属性时，如果对象本身没有这个属性，那就会去他的原型_ _proto_ _上去找，如果还查不到，就去找原型的原型，一直找到最顶层(Object.prototype)为止。Object.prototype对象也有_ _proto_ _属性值为null。 ...

2022-01-10 17:48:16 345

原创原型链的继承和组合继承

es6出来之前js是通过原型、构造函数来实现继承，es6出来之后:class(类) //面向对象的三要素：封装、继承、多态（继承有：属性继承、方法继承）原型链上的属性和方法都会被多个实例共享继承方式1：原型继承（可以继承，无法传参）伪造对象继承（对象冒充）例： function Peroson(name,age){ this.name = name // 属性 this.age = age // 属性 this...

2022-01-10 17:47:55 362

原创 Promise对象

then方法返回的是一个新的Promise实例（注意，不是原来那个Promise实例）。因此可以采用链式写法，即then方法后面再调用可以采用getData().then(() => { getData() }).then()的写法获取两次返回结果。 Promise.prototype.catch()方法是.then(null, rejection)或.then(undefined, rejection)的别名 ...

2022-01-04 15:11:47 281

原创 vue路由跳转及传参

跳转: 1.相当于A标签：<router-link to="路径"></router-link> 2.this.$router.push('/about') this.$router.push({ path: '/about' }) this.$router.push({ name: 'About' }) 传参：（1） qu...

2021-12-31 11:08:23 842

原创 vuex介绍及五大核心

vuex （状态管理工具，可以说是一个仓库，存放公共数据，任何组件都能使用） state：-----存放状态/数据的 getters: -----vuex的计算属性 mutations：----- 唯一改变state数据的工具 actions：-----异步操作，需要通过mutations来改变state module：-----模块化四个辅助函数： mapstate mapGetters (写在computed里面) mapMutations mapActions...

2021-12-31 10:57:13 523

原创 vue的生命周期的钩子函数

1，什么是生命周期钩子函数：（一个页面从开始到销毁的过程） 2. 创建前： beforeCreate 创建后：created（开始能获取data里的数据）挂载前： beforeMount 挂载后： mounted（开始获取dom元素）更新前：beforeUpdate 更新后：updated （两个函数只有试图更新才会触发钩子函数。数据驱动试图）销毁前： bef...

2021-12-28 12:05:32 341

原创 vue常用的基本指令

内置的基本指令循环:v-for 判断:v-if(动态的添加dom节点) v-show(css的display:none;block) 插值: v-text v-html 绑定事件： v-on 简写 @ 绑定属性： v-bind 简写：双向数据绑定： v-model ...

2021-12-28 11:52:52 229

原创数据类型及演示转换

1. js的数据类型可以分为：一般的（简单的）和引用的（复杂的）一般的：number-数字 string-字符串 boolean-布尔 undefined null 引用的： object-对象 array-数组 function函数 date日期 reg正则 2，将简单数据类型转为复杂数据类型一种 // let obj1 = JSON.parse(JSON.stringify(o...

2021-12-28 11:49:34 180

原创本地存储的区别及常用的存储

浏览器的存储 localStorage sessionStorage cookit 都可以存储数据；并且存储只跟域名走不同的是: 大小：localStorage /session Storage --- 5M; cookie---4k 传输：cookie会跟着请求来回发送，而ocalStorage /session Storageb不会 localStorage -----永久存储 session Storage----关闭当前会话框 cookie--...

2021-12-28 11:36:01 362