相信很多使用过Vue进行开发的孩纸都碰到过这个问题,为什么我给某个变量赋值,然后查看网页,咦,为什么没有变化,视图上没有显示出来呢?是不是没有赋值成功,然后噼里啪啦一查,确实是将值赋值成功了,控制台上一打印,明明有值啊!

这个时候你就得检查自己赋值是不是数组或者对象类型呀,这个问题在Vue的官方文档里明明白白的写着呢~

在官方文档-教程-列表渲染里面,我们可以找到这样一个注意事项:

由于 JavaScript 的限制(以及废弃 Object.observe),Vue 不能检测以下变动的数组;

  1. 当你利用索引直接设置一个项时,例如:vm.items[indexOfItem] = newValue
  2. 当你修改数组的长度时,例如:vm.items.length = newLength

解决第一类问题可以采用下列两种方法:

或者

解决第二类问题可以采用:

由于JavaScript 的限制(以及废弃 Object.observe),Vue 不能检测对象属性的添加或删除:

这个时候同样可以用

去赋值。或者使用

这样写,数据变化的时候就视图就会跟着变化了~

我们来看看官网上关于set这个api的说明

那要怎么去使用呢? 举个简单的例子:

赶紧试试吧~

如有错误,欢迎指正~大家互相学习,互相交流~

求关注~求转发~~~

vue 查看变量类型_前端开发问题集:Vue开发中数据更新了,为何视图没有发生变化呢...相关推荐

  1. python怎么用函数查看变量类型_查看变量类型的Python内置函数是()。

    [单选题]下列不属于反射的是( ) [判断题]传统通俗史学有普及型和通俗型 [单选题]当前最流行和最受重视的资料分析是( ). [简答题]什么情况下采用斜视图比较合适? [单选题]下列命题正确的是( ...

  2. vue 箭头函数兼容性_前端学习计划之VUE学习(二)

    创建一个实例 每个Vue应用都是通过Vue函数创建一个新的Vue实例开始的: 数据与方法 当Vue实例按照上述方式被创建时,Vue的响应式系统中就加入了data对象,在使用中可以直接通过属性的调用方式 ...

  3. vue 查看变量类型_Vue学习 开始走向VUE开发2---插值使用详解

    插值是在Vue使用中最常见和最简单的一个用法,使用两层嵌套的大括号({{变量}})表示大括号中的内容将会被替换为变量表示的值,主要是用来表示文本的内容. Vue的实现过程中将会跟踪这个变量值的变化,当 ...

  4. 查看变量类型的python内置函数名_查看变量类型的Python内置函数是()

    查看变量类型的Python内置函数是() 答:type() 3[单选题]马克思主义同中国实际相结合的第二次历史性飞跃的理论成果是() 答:C.中国特色社会主义理论体系 在Word编辑状态中,按下列哪个 ...

  5. python用来查看变量类型的函数是什么_python查看变量类型的函数

    怎么查看变量的类型 python方法如下: type(变量),输出的结果就是变量的类型: 在Python里面变量在声明时,不需要指定变量的类型,变量的类型是动态指定的: 也就是说变量的类型,根据给出的 ...

  6. 微信小程序--查看变量类型的方法(简易)

    场景描述 有bug的时候,我们可能会想起会不会是变量类型的错误呢?是的,很多时候,变量类型不仔细.不注意,很容易出错.那么怎么简单的查看变量类型呢? 方法 说个最简单的方法吧,直接把鼠标移动到变量名上 ...

  7. vue解构赋值_前端开发es6知识 模块化、解构赋值、字符串模板

    项目开发中一些常用的es6知识,主要是为以后分享小程序开发.node+koa项目开发以及vueSSR(vue服务端渲染)做个前置铺垫. 项目开发常用es6介绍1.块级作用域 let const 2.箭 ...

  8. for vue 一行2列_前端开发面试问什么?vue面试中经常问到的问题?用vue想拿20k,面试题要这样答!...

    找工作,是一件愁人又具有期待的事情,前端开发的小伙伴们,最近有人参加面试了吗?面试前端开发时,一般会被问什么?你还记得吗?你的回答让你找到满意的工作了吗?生活是美好的,未来是可期的,工作是可以找到的, ...

  9. vue 不会热启动_使用PM2搭建在线vue.js开发环境(以守护进程方式热启动)

    项目以vue.js+layUI的作为前端开发技术栈,需要有一个在线的环境供项目成员实时查看效果,总不能每次都webpack打包发布后才能看到效果吧!刚开始就简单使用npm run dev命令热启动,但 ...

  10. py哪个函数可以返回输入的变量类型_[Python基础]二、pycharm,python变量

    2.1 Python简介 Life is short,you need Python (人生苦短,我用Python) 解释器: 将其他语言翻译成机器语言的工具,称为编译器 编译器的翻译方法有两种: 编 ...

最新文章

  1. JQUERY动态生成当前年份的前5年以及后 2年
  2. javaWeb实现文件上传与下载 (转)
  3. TimeSpan 时间间隔
  4. 创建数据源(ODBC)
  5. 2015年9月13日-9月15日课程作业(sed、awk)
  6. Android APK程序加密,防止被别人反编译
  7. lvs web服务器不响应,lvs web服务器不响应
  8. 一文掌握 Docker 技术体系
  9. 关于数据挖掘(协同过滤、关联推荐、聚类分类)一些资料(转)
  10. 群晖NAS教程(十五)、利用Web Station安装typecho博客
  11. 色谱计算机常用英文,色谱术语的常用中英文对照
  12. Java栈,队列和循环队列的实现
  13. 漫谈Go语言与区块链
  14. 电脑桌面图标有阴影怎么办
  15. 访客模式 无痕模式 区别_旧访客设计模式的新生活
  16. matlab画一个放大图中图
  17. 【SpringBoot】十四、常见注解(场景及源码)
  18. Python+Vue计算机毕业设计影评网站系统4i684(源码+程序+LW+部署)
  19. QMidi Pro for mac (终极多媒体卡拉OK播放器)
  20. 卸载Visual Studio 2013,Visual Studio 2015和Visual Studio vNext的所有Preview / RC / RTM版本

热门文章

  1. Spring常用注解用法总结
  2. 设计模式(外观模式)
  3. 字符串的首地址做形参不能将变化传递回主函数
  4. web安全day28:一文读懂Linux日志,运维工程师必备
  5. IPSEC VXN在PPPoE对端配置方案
  6. Linux之squirrelmail小松鼠客户端搭建
  7. 【转载】使用 Google Guava 美化你的 Java 代码
  8. 【Hibernate框架开发之七】Annotation各种关系CRUD增删改查集合映射继承映射
  9. Lync Server 2010迁移至Lync Server 2013部署系列 Part13:DNS记录变更
  10. VS Code 调试 Angular 和 TypeScript 的配置