不能给Vue实例、Vue实例的根数据对象添加属性。

文件

<template>

  <div id="app">

    <h2>{{hello}}：{{animal.name}}</h2>

  </div>

</template>

<script>

export default {

  name: "app",

  data: () => {

    return {

      hello: "你好",

      animal: {}

    };

  },

  mounted() {

    setTimeout(() => {

      this.$set(this.animal, "name", "大象												


											
Vue动态添加响应式属性的更多相关文章
	

    
								
  1. Vue.set 向响应式对象中添加响应式属性，及设置数组元素触发视图更新
		
    一.为什么需要使用Vue.set? vue中不能检测到数组和对象的两种变化: 1.数组长度的变化 vm.arr.length = 4 2.数组通过索引值修改内容 vm.arr[1] = ‘aa’ Vu ...
    
		
    2. 
						
  2. Vue数据绑定和响应式原理
		
    Vue数据绑定和响应式原理 当实例化一个Vue构造函数,会执行 Vue 的 init 方法,在 init 方法中主要执行三部分内容,一是初始化环境变量,而是处理 Vue 组件数据,三是解析挂载组件.以 ...
    
		
    3. 
						
  3. vue 声明响应式属性
		
    声明响应式属性 由于vue不允许动态添加根级响应式属性,所以你必须在初始化实例前声明根级响应式属性,哪怕只是一个空值: var vm = new Vue({ data: { // 声明 message ...
    
		
    4. 
						
  4. Vue 响应式属性
		
    本文参考自:https://www.w3cplus.com/vue/vue-reactivity-and-pitfalls.html 1.概述 当创建一个Vue实例时,每个数据属性.组件属性等都是可以 ...
    
		
    5. 
						
  5. vue组件上动态添加和删除属性
		
    1.vue组件上动态添加和删除属性 // 添加 this.$set(this.obj, 'propName', val) // 删除 this.$delete(this.obj, 'propName' ...
    
		
    6. 
						
  6. vue学习之响应式原理的demo实现
		
    Vue.js 核心: 1.响应式的数据绑定系统 2.组件系统. 访问器属性 访问器属性是对象中的一种特殊属性,它不能直接在对象中设置,而必须通过 defineProperty() 方法单独定义. va ...
    
		
    7. 
						
  7. VUE 动态给对象增加属性，并触发视图更新。
		
    在开发过程中,我们时常会遇到这样一种情况:当vue的data里边声明或者已经赋值过的对象或者数组(数组里边的值是对象)时,向对象中添加新的属性,如果更新此属性的值,是不会更新视图的. 根据官方文档定义 ...
    
		
    8. 
						
  8. 学习 vue 源码 -- 响应式原理
		
    概述 由于刚开始学习 vue 源码,而且水平有限,有理解或表述的不对的地方,还请不吝指教. vue 主要通过 Watcher.Dep 和 Observer 三个类来实现响应式视图.另外还有一个 sch ...
    
		
    9. 
						
  9. Vue的数据响应式
		
    getter和setter怎么用 示例代码 getter ,关键词为 get ,用于获取一个值.定义时为函数,但是使用时不用加括号. setter 用于对数据的改写 Object.defineProp ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. vmware 中标麒麟系统安装VM tools
			
    打开虚拟机系统,选择菜单虚拟机->安装VMware TOOLs,下载后找到文件. 我的文件名称是 VMwareTools-10.2.5-8068393.tar.gz, 在终端里输入:tar xv ...
    
			
    2. 
						
  2. opencv中画圆circle函数和椭圆ellipse函数
			
    1.      void ellipse(InputOutputArray img, Point center, Size axes, double angle, double startAngle, ...
    
			
    3. 
						
  3. 第021讲：函数：lambda表达式
			
    0. 请使用lambda表达式将下边函数转变为匿名函数? def fun_A(x, y=): return x * y me:lambda x,y=3:x*y 1.请将下边的匿名函数转变为普通的屌丝函 ...
    
			
    4. 
						
  4. Codeforces - 1199D - Welfare State - 单调栈 / 线段树
			
    https://codeforc.es/contest/1199/problem/D 其实后来想了一下貌似是个线段树的傻逼题. 单调栈是这样思考的,每次单点修改打上一个最终修改的时间戳.每次全体修改就 ...
    
			
    5. 
						
  5. MySQL的一些指令操作
			
    这个连接的也不错: https://www.cnblogs.com/wangyueping/p/11258028.html 如何给MySQL数据可添加一个用户 首先以root身份登录到MySQL服务器 ...
    
			
    6. 
						
  6. ES6——面向对象应用
			
    面向对象应用——React 特点:     1.组件化(模块化) --- class(一个组件就是一个class)     2.强依赖与JSX (JSX==babel==browser.js  是JS ...
    
			
    7. 
						
  7. CentOS 系统开启防火墙，屏蔽IP，解决DDOS攻击
			
    刚才发现网站特别慢,然后看了一下服务器状态 CPU 负载100%. 然后看了下网络,发现一个IP一直在请求本服务器的 443 端口,就是本站. 然后在终端通过 iftop 命令(一个流量健康软件,如果 ...
    
			
    8. 
						
  8. Kintex7XC7K325T板卡七仙女
			
    
			
    9. 
						
  9. Shell脚本的fork炸弹
			
    #!bin/bash#功能:快速消耗计算机资源,致使计算机死机#作者:liusingbon#定义函数名为.(点), 函数中递归调用自己并放入后台执行function . { .|.& };.
    
			
    10. 
						
  10. 手写split功能
			
    def split_new(stringstr, charstr):    """    :param stringstr: 要分割的串    :param charst ...
    
			
    11.