vue Object.freeze之打破双向绑定让对象不响应式更新

最新推荐文章于 2023-03-12 08:48:39 发布

安果移不动

最新推荐文章于 2023-03-12 08:48:39 发布

阅读量354

点赞数

分类专栏： # vue 文章标签： vue.js elementui javascript

独学而无友，则孤陋寡闻。q群582951247

本文链接：https://blog.csdn.net/mp624183768/article/details/122464293

版权

vue 专栏收录该内容

106 篇文章 1 订阅

订阅专栏

众所周知 vue是mvvm的模式。更新数据想必就更新视图

有时候想更新数据的时候不更新试图

 Object.freeze(data)

在不添加上面这句话的时候

    //会修改a的值未123
    data.a = "123";
    //会修改未4
    vm.a = "4";

添加后完整代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    {{ a }}
</div>
<script src="vue.js"></script>
<script>
    //el  element 缩写 指定vue管理的试图，某个盒子的选择器
    //data vue中对象

    var data = {a: 1}
    Object.freeze(data)

    const vm = new Vue({el: "#app", data: data});

    //不会修改a的值未123
    data.a = "123";
    //不会修改未4
    vm.a = "4";

</script>
</body>

</html>

如果仅仅针对标签新增 v-once 也是只加载一次。不过这仅仅是阻拦控件不更新。而不是阻拦对象

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

安果移不动

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
vue Object.freeze之打破双向绑定让对象不响应式更新

众所周知 vue是mvvm的模式。更新数据想必就更新视图有时候想更新数据的时候不更新试图 Object.freeze(data)在不添加上面这句话的时候 //会修改a的值未123 data.a = "123"; //会修改未4 vm.a = "4";添加后完整代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">.
复制链接

扫一扫