人资项目记录7.26 git commit -m '提交的信息名字' 7.29 箭头函数箭头函数适合与this无关的回

7.26

git commit -m '提交的信息名字'

7.29

箭头函数

箭头函数适合与this无关的回调．定时器，数组的方法回调, 箭头函数不适合与this有关的回调.事件回调,对象的方法

setup介绍

setup 是一个新的组件选项，作为组件中使用组合API的起点。从组件生命周期来看，它的执行在组件实例创建之前vue2.x的beforeCreate执行。这就意味着在setup函数中 this 还不是组件实例，this 此时是 undefined 在模版中需要使用的数据和函数，需要在 setup 返回。

7.30

ref 和 reactive的使用区别

使用场景: ·当你明确知道呢需要的是一个响应式数据对象那么就使用reactive即可·其他情况使用ref

8.2

数组赋值后，无论修改哪个变量另一个对象的数据值也会相当发生改变。

array总结:

1.推荐使用字面量方式声明数组，而不是Array构造函数 ⒉实例方法 forEach用于遍历数组，替代for循环 3.实例方法 filter 过滤数组单元值，生成新数组 4.实例方法 map迭代原数组，生成新数组 5.实例方法join 数组单元素拼接成了符串 6.实例方法 |concat]合并两个数组，生成新数组 7.实例方法 |sort]对原数组单元值排序 8.实例方法splice删除或替换原数组单元 9.实例方法 indexof 检索数组单元值 10.实例方法 reverse反转数组 11.静态方法 from 伪数组转成数组

object总结:

1.推荐使用字面量方式声明对象，而不是object构造函数 2. object.assign静态方法创建新的对象 3. object.keys`静态方法获取对象中所有属性 4.object.values表态方法获取对象中所有属性值

8.5

//如果参数固定写形参, //参数不固定用arguments

8.6

vuejs为我们提供了sync修饰符，为了让子组件去修改父组件的数据的一个语法糖

/ 子组件 update:固定写法 (update:props名称, 值) this.$emit('update:showDialog', false) //触发事件 // 父组件 sync修饰符

只要用sync修饰，就可以省略父组件的监听和方法，直接将值赋值给showDialog

8.9

插槽

两种只用具名插槽的方式

1、是直接用标签名字+slot='插槽位置名称' 2、用template模板加v-slot:before或slot='插槽位置名称'都行

8.13

动态组件component

在以上代码中，我们使用了动态组件component，它通过 is属性来绑定需要显示在该位置的组件，is属性可以直接为注册组件的组件名称即可，通过修改变量得值就可以进行切换组件

人资项目记录