vue 课堂笔记

1、---- 数组合并 ----

说明：定义两个数组arr1 和arr2，然后把这两个合并放入arr3中；

　　const arr1=[1,2,3,4,5]

       const arr2=[6,7,8,9]

　　 //合并数组

      const arr3=[...arr1,...arr2]

　　//转字符串以逗号分割

      const arr4=arr3.join(',')

      console.log(">>>>>>====",arr4);

      console.log(typeof arr4);

结果：

 

 

2、-----数据替换(更新）----

1. // 以this.info的内容为模板 根据...dataObj里面改变的内容去替换this.info的内容
2.  this.info={...this.info,...dataObj}

<template>

<div>

        <el-button type="primary" @click="click">点击</el-button>

        <div>打印信息{{ info }}</div>

    </div>

</template>

<script>

export default {

  data(){

    return{

      info:{

        name:'张三',

        age:10

      }

    }

  },

  methods:{

    // 获取主界面信息

    click(){

      // 创建新对象，两种方式

      // 方式一：直接声明式

      // const newInfo={name:'李四',age:20}

        this.info = {...this.info,...newInfo}

 

      // 方式二：使用Object构造函数创建对象

      const obj = new Object({name:'王五',age:30,addr:'南京'})

      this.info = {...this.info,...obj}//新对象obj数据给this.info

    }

  }

 

>

 

 【结果>>>】