vue教程

  • 后端拜拜,用不到你了,前端开发数据模拟神器nodejs 欢迎关注博主公众号「java大师」, 专注于分享Java领域干货文章, 关注回复「资源」, 免费领取全网最热的Java架构师学习PDF, 转载请注明出处 https://www.javam...
  • vue初学者入门教程 欢迎关注博主公众号「java大师」, 专注于分享Java领域干货文章, 关注回复「资源」, 免费领取全网最热的Java架构师学习PDF, 转载请注明出处 https://www.javaman.cn/vue/hello-vu...
  • vue入门教程之基础语法 欢迎关注博主公众号「java大师」, 专注于分享Java领域干货文章, 关注回复「资源」, 免费领取全网最热的Java架构师学习PDF, 转载请注明出处 https://www.javaman.cn/vue/vue-if...
  • vue入门教程之-属性、事件和双向绑定 欢迎关注博主公众号「java大师」, 专注于分享Java领域干货文章, 关注回复「资源」, 免费领取全网最热的Java架构师学习PDF, 转载请注明出处 https://www.javaman.cn/vue...
  • vue入门教程之-组件 欢迎关注博主公众号「java大师」, 专注于分享Java领域干货文章, 关注回复「资源」, 免费领取全网最热的Java架构师学习PDF, 转载请注明出处 https://www.javaman.cn/vue/vue-com...
  • vue-cli3(cli3 文件中没有vue.config.js ,进行额外的配置) 本地项目调后台接口,会跨域,为了解决这个问题 进行代理配置 需要新建vue.config.js vue.config.js 中 const { defineCo...
  • vue-router 基本使用   路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about 按钮,页面中就要显示about 的内容。Home按钮 => home 内容, about...
  • axios拦截器处理请求响应 import Vue from 'vue' import router from '../router' import axios from 'axios' import {Message} from 'elemen...
  • vue中$refs的用法 一般来讲,获取DOM元素,需要使用document.querySelector('#input1')方法去获取dom节点,然后再获取input1的值。 但是使用了ref绑定之后,我们就不需要再获取dom节点了,可以直接在...
  • 1.浅拷贝 1.直接赋值 let obj1 = { name: 'yrg', age: 22, hobby: ['basketball','game'] } let obj2 = obj1 obj1.name = 'xx' console.lo...
js对象深浅拷贝 - idea激活- IntelliJ IDEA 2021.1激活码破解教程(亲测激活至 2099 年,长期更新)- 爪哇男教程  

1.浅拷贝 1.直接赋值 let obj1 = {

    name: 'yrg',

    age: 22,

    hobby: ['basketball','game']

  }

  let obj2 = obj1

  obj1.name = 'xx'

  console.log(obj1,obj2)

2.Object.assign只复制一层对象的属性,如果对象中的属性值是对象,浅拷贝并不会复制对象属性中的属性 let obj3 = {

    name: 'yrg',

    age: 22,

    person: {

      name: 'Henry',

      age: '21'

    },

    hobby: ['basketball','game']

  }

  let obj4 = Object.assign({},obj3 )

  obj3 .age = '99'; //不会改变obj4 的age

  obj4 .person.age = '25'; //也会改变obj3 的person.age

  console.log(obj3 ,obj34)

3.浅拷贝3-三点(...) let obj5 = {

    name: 'yrg',

    age: 22,

    person: {

      name: 'Henry',

      age: '21',

    },

    hobby: ['basketball', 'game'],

  }

  obj5.age = '99'; //也会改变obj1的age

  let obj6 = { ...obj5 }

  obj6.person.age = '25'; //也会改变obj1的person.age

  console.log(obj5,obj6)

2.深拷贝 1.JSON.parse(JSON.stringify(obj1)) let obj1 = {

    name: 'yrg',

    age: 22,

    person: {

      name: 'Henry',

      age: 21,

    },

    hobby: ['basketball', 'game'],

  }

  let obj2 = JSON.parse(JSON.stringify(obj1))

  obj1.person.age = 99

  obj2.person.age = 199

  console.log(obj1,obj2)

2.迭代递归法for...in let obj1 = {

    name: 'yrg',

    age: 22,

    person: {

      name: 'Henry',

      age: 21,

    },

    hobby: ['basketball', 'game'],

  }

  function deepObject(obj) {

    let cloneObj = {}

    for (let key in obj) {

      let objChild = Object.prototype.toString.call(obj[key])

      cloneObj[key] =

        objChild === '[object Array]' || objChild === '[object Object]'

          ? deepObject(obj[key])

          : obj[key]

    }

    return cloneObj

  }

  let obj2 = deepObject(obj1)

  obj2.person.age = 999

  console.log(obj1, obj2)

全部评论: 0

    我有话说: