data的值如何初始化vue_vue data恢复初始化数据的实现方法

在我们进行vue开发过程中，经常会保存一些页面，此时，我们在app.vue的配置如下，

以此来保存页面，那么在再次进入这些页面的时候，我们需要重置该页面的原始数据，那么该如何进行呢？是不是要讲每个数据进行重写，答案是否定的。利用Object.assign 以及vue的数据可以快速重置。 Object.assign(this.$data, this.$options.data())

Object.assign() ----详解

Object.assign(target, ...sources)

参数： target 目标对象。sources 源对象。

返回值：目标对象。

描述

如果目标对象中的属性具有相同的键，则属性将被源对象中的属性覆盖。后面的源对象的属性将类似地覆盖前面的源对象的属性。

Object.assign 方法只会拷贝源对象自身的并且可枚举的属性到目标对象。该方法使用源对象的[[Get]]和目标对象的[[Set]]，所以它会调用相关 getter 和 setter。因此，它分配属性，而不仅仅是复制或定义新的属性。如果合并源包含getter，这可能使其不适合将新属性合并到原型中。为了将属性定义(包括其可枚举性)复制到原型，应使用Object.getOwnPropertyDescriptor()和Object.defineProperty() 。

String类型和 Symbol 类型的属性都会被拷贝。

在出现错误的情况下，例如，如果属性不可写，会引发TypeError，如果在引发错误之前添加了任何属性，则可以更改target对象。

注意，Object.assign 不会跳过那些值为 null 或 undefined 的源对象。

注意：针对深拷贝，需要使用其他办法，因为 Object.assign()拷贝的是属性值。假如源对象的属性值是一个对象的引用，那么它也只指向那个引用。

以上这篇vue data恢复初始化数据的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持聚米学院。

data的值如何初始化vue_vue data恢复初始化数据的实现方法相关推荐

ML之ME：Best-KS分箱/KS值(分类预测问题中评价指标、数据分箱方法)的简介(KS与ROC的关系)、使用方法、案例应用之详细攻略
ML之ME:Best-KS分箱/KS值(分类预测问题中评价指标.数据分箱方法)的简介(KS与ROC的关系).使用方法.案例应用之详细攻略目录 Best-KS分箱/KS值的简介 1.Best-KS分箱 ...
oracle如何根据ID恢复部分数据,三种方法找回Oracle数据库误删除的数据
三种方法找回Oracle数据库误删除的数据最新动态来源:点击数:6141更新时间:2018/5/10 有很多朋友都遇到过在操作数据库时误删除某些重要数据的情况,如果数据库没有备份而且数据有十分重要的 ...
data的值如何初始化vue_Vue原理解析（九）：搞懂computed和watch原理，减少使用场景思考时间...
之前的章节,我们按照流程介绍了vue的初始化.虚拟Dom生成.虚拟Dom转为真实Dom.深入理解响应式以及diff算法等这些核心概念,对它内部的实现做了分析,这些都是偏底层的原理.接下来我们将介绍日常 ...
data的值如何初始化vue_理解Vue响应式系统
深入理解 Vue 响应式系统理解 Vue 响应式原理,到 computed.vuex 原理前言众所周知,一说到 vue 的响应式系统,就能马上想到 Object.defineProperty.数 ...
data的值如何初始化vue_【Vue 原理】Vue 是如何代理 data、methods 和 props 的？
前言 Vue 有一个非常有趣的功能,就是我们所有传进去的 data .methods 或者 props,都会挂载到 Vue 实例上, 我们可以通过 this.xxx 的简单做法来进行访问.那么,这到底 ...
java socket中属性详解_前端开发：关于Vue组件中的data属性值是函数而不是对象的详解...
最近在搞关于前端开发的基础知识归纳,发现了不少经典知识点,那么本篇博文就来分享一个经典的知识点:Vue组件中的data属性值为什么是函数而不是对象.首先来了解一下Vue组件的使用理念:在Vue组件使用 ...
data为long 怎么设置vue_vue基础之data
使用调用data onLoad(option) { _self = this; _self.$data.xxxx = "te"; } 绑定节点元素~~~~ 方法 methods ...
MySql通过Data恢复数据库数据
Windows下将MySQL5.5升级为MySQL5.7 本机电脑之前是MySQL5.5直接升级到MySQL5.7之后,data中的数据不能解锁. MySQL5.5升级MySQL5.7,慌乱之中忘了用 ...
mysql is not empty_MySQL数据库之Xtrabackup恢复mysql数据时候报错:Original data directory is not empty!...
本文主要向大家介绍了MySQL数据库之Xtrabackup恢复mysql数据时候报错:Original data directory is not empty! ,通过具体的内容向大家展现,希望对大家 ...

data的值如何初始化vue_vue data恢复初始化数据的实现方法

data的值如何初始化vue_vue data恢复初始化数据的实现方法相关推荐

最新文章

热门文章

data的值 如何初始化vue_vue data恢复初始化数据的实现方法

data的值 如何初始化vue_vue data恢复初始化数据的实现方法相关推荐

最新文章

热门文章

data的值如何初始化vue_vue data恢复初始化数据的实现方法

data的值如何初始化vue_vue data恢复初始化数据的实现方法相关推荐