相信很多使用过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. 查询oracle数据库adg的模式,Oracle11g ADG配置
  2. Nginx 备战-优化指南
  3. 剑指offer之中序打印二叉树(非递归实现)
  4. C# FTP 上传、下载、获取文件列表
  5. 智能指针的释放_看完这篇,别再说不会智能指针了
  6. win7 32位系统安装postmant无法正常启动。启动显示黑屏界面
  7. WebDriver API学习记录
  8. Android通过NTP服务器取得UTC标准时间
  9. 应用程序正常初始化(0xc015002)失败解决方法
  10. Cplex入门教程(一)
  11. 浅谈Struts2拦截器的原理与实现
  12. ipersistfile save 失败 错误代码“0x80070005” 拒绝访问的解决办法
  13. 咸鱼Maya笔记—特殊复制
  14. shader篇-漫反射
  15. 基于React的富文本编辑器——Braft Editor使用
  16. (翻译)活动日历(Event Calendar)
  17. 纳米数据世界杯足球数据api接口,体育数据api接口,实时比分接口示例演示,数据推送
  18. win10任务栏透明—注册表方法【新增半透明】
  19. 我们便暗暗走过了双曲拱桥
  20. 当你明白无常,你就不会张扬

热门文章

  1. ios整理(五)小应用-重力感应
  2. 《生物信息学》——李霞;;生信概念
  3. 新手填坑 java.lang.Integer cannot be cast to java.lang.String
  4. Activity生命周期的回调,你应该知道得很多其它!--Android源代码剖析(下)
  5. Sqoop导入到hdfs
  6. oracle的concat的用法
  7. linux安装perl模块
  8. HCIE-RS面试--STP弊端
  9. HTML的文本可以删除吗,如果内部包含一些文本,请删除html标记
  10. NetDevOps常用数据库安装与基本操作--SQL数据库