zoukankan      html  css  js  c++  java
  • Vue2.0 全局操作 Vue.set

      Vue.set 的作用就是在构造器外部操作构造器内部的数据、属性或者方法。比如在vue构造器内部定义了一个count为1的数据,我们在构造器外部定义了一个方法,要每次点击按钮给值加1.就需要用到Vue.set。

    一、引用构造器外部数据:

    什么是外部数据,就是不在Vue构造器里里的data处声明,而是在构造器外部声明,然后在data处引用就可以了。外部数据的加入让程序更加灵活,我们可以在外部获取任何想要的数据形式,然后让data引用。

    看一个简单的代码:

    二、在外部改变数据的三种方法:

    1、用Vue.set改变

    2、用Vue对象的方法添加

    3、直接操作外部数据

    其实这三种方式都可以操作外部的数据,Vue也给我们增加了一种操作外部数据的方法。

    三、为什么要有Vue.set的存在?

    由于Javascript的限制,Vue不能自动检测以下变动的数组。

    *当你利用索引直接设置一个项时,vue不会为我们自动更新。

    *当你修改数组的长度时,vue不会为我们自动更新。

    看一段代码:

    这时我们的界面是不会自动跟新数组的,我们需要用Vue.set(app.arr,1,’ddd’)来设置改变,vue才会给我们自动更新,这就是Vue.set存在的意义。

     

  • 相关阅读:
    .NET设计模式系列文章
    [转]给年轻工程师的十大忠告
    [你必须知道的.NET]第二十回:学习方法论
    写给开发者看的关系型数据库设计
    AjaxPro使用说明
    Spring.Net入门篇(一) [转]
    [从设计到架构] 必须知道的设计模式
    4月1日SharePoint Designer将开始免费
    12月累计更新的一个导出导入网站的问题在2月累计更新中修复了
    修复错误1093 “Unable to get the private bytes memory limit for the W3WP process”
  • 原文地址:https://www.cnblogs.com/zccblog/p/7192420.html
Copyright © 2011-2022 走看看