记录一下一些小知识

最新推荐文章于 2024-10-18 15:58:53 发布

你的英雄12138

最新推荐文章于 2024-10-18 15:58:53 发布

阅读量56

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/Sfvopvco/article/details/129485364

版权

vue的双向绑定

Vue的双向绑定是Vue框架中的一个重要特性，它可以使数据在视图和数据模型之间进行同步更新。在Vue中，使用v-model指令可以实现双向绑定，它可以将表单输入和组件状态绑定在一起，从而实现数据的双向同步。

例如，你可以在一个文本框中输入数据，然后使用v-model指令将该文本框与Vue实例中的数据属性进行绑定，这样当你修改文本框中的内容时，Vue实例中的数据属性也会相应地更新，反之亦然。

需要注意的是，v-model指令只能在表单元素和组件上使用，而不能用于普通的HTML元素。此外，双向绑定只是Vue框架中的一个特性，它并不是JavaScript语言本身的特性。

js基本数据类型和引用数据类型的区别

JavaScript中的数据类型可以分为基本数据类型和引用数据类型。

基本数据类型有：string、number、boolean、null、undefined、symbol。

引用数据类型有：object、array、function等。

它们之间的区别在于基本数据类型存储在栈内存中，而引用数据类型存储在堆内存中。具体来说，当我们声明一个基本数据类型的变量时，系统会在栈内存中开辟一段空间来存储该变量的值；而当我们声明一个引用数据类型的变量时，系统会在栈内存中开辟一段空间来存储该变量的引用，实际的数据则存储在堆内存中。

由于基本数据类型存储在栈内存中，因此它们的比较是值的比较。例如，当我们比较两个字符串变量时，系统会比较它们的值是否相等。而引用数据类型的比较则是引用的比较。例如，当我们比较两个对象变量时，系统会比较它们的引用是否相等，而不是它们的属性是否相等。

另外，由于引用数据类型的变量存储的是对象的引用，因此对该变量进行操作时，实际上是对该对象进行操作。例如，当我们修改一个对象变量的属性时，实际上是修改了该对象的属性，而不是变量本身的值。

需要注意的是，当我们将一个引用数据类型的变量赋值给另一个变量时，实际上是将该变量的引用复制给另一个变量，而不是复制该变量所引用的对象。因此，当我们修改其中一个变量所引用的对象时，另一个变量也会受到影响。这种情况被称为“浅拷贝”。如果想实现“深拷贝”，需要使用特殊的方法进行对象的复制。

深拷贝的两种方法

const obj = { a: 1, b: { c: 2 } };
const newObj = JSON.parse(JSON.stringify(obj));

function deepClone(obj) {
  if (obj === null || typeof obj !== "object") {
    return obj;
  }
  
  const newObj = Array.isArray(obj) ? [] : {};
  
  for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
      newObj[key] = deepClone(obj[key]);
    }
  }
  
  return newObj;
}

const obj = { a: 1, b: { c: 2 } };
const newObj = deepClone(obj);