不能给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. py基础
			
    基本语句和函数等练习,知识点都在代码里... """ a = int(input('a = ')) b = int(input('b = ')) print('%d +  ...
    
			
    2. 
						
  2. Redis： 分布式锁的正确实现方式（转）
			
    前言 分布式锁一般有三种实现方式:1. 数据库乐观锁:2. 基于Redis的分布式锁:3. 基于ZooKeeper的分布式锁.本篇博客将介绍第二种方式,基于Redis实现分布式锁.虽然网上已经有各种介 ...
    
			
    3. 
						
  3. 网页中<a>标签新窗口和location.href 新窗口打开
			
    在网页制作过程中,经常遇到新窗口打开,一般是a超级链接或者location.href 新窗口打开形式,下面分别讲述两种之间的不同方式 1,a标签 新窗口 添加属性 target="_blan ...
    
			
    4. 
						
  4. Kafka DockerFile
			
    FROM php:5.6.38-fpm COPY . /alidata/workerspace WORKDIR /alidata/workerspace RUN set -x && a ...
    
			
    5. 
						
  5. 【Matlab技巧】工作区变量如何添加到Simulink中？
			
    对新手来说,在进行simulink仿真时想把工作区的变量添加到Simulink中,这样在如transfer模块中使用时可以直接输变量即可. 如这样: 那么如何对Simulink仿真文件自动赋值呢? 1 ...
    
			
    6. 
						
  6. python学习笔记(7)容器以及容器的访问使用
			
    一.容器 1.list列表 序列是python中最基本的数据结构,序列中的每个元素都分配一个数字,它的位置或索引,第一个索引是0,第二个索引是1,以此类推 Built-in mutable seque ...
    
			
    7. 
						
  7. hadoop项目开发运行报错（log4j:WARN No appenders could be found for logger (org.apache.hadoop.metrics2.lib.MutableMetricsFactory).）
			
    使用hadoop+myeclipse开发项目是测试运行报错: log4j:WARN No appenders could be found for logger (org.apache.hadoop. ...
    
			
    8. 
						
  8. MiniUI学习笔记1-新手必读
			
    1.mini的全局方法 2.Ajax jQuery 拥有完整的 Ajax 兼容套件.其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据. 详细jQuery Ajax教程,可参考这里. 3. ...
    
			
    9. 
						
  9. 学Python的第七天
			
    今天学习DBA有点乏,所以Python学的不是很多熬!!! 但是不管多苦多累Python不会放弃!! 虽然我是运维! #!/usr/bin/env python3 # -*- coding:utf-8 ...
    
			
    10. 
						
  10. dirname 显示文件或目录路径
			
    1. 命令功能 dirname 去除文件名中非目录部分,仅显示与目录有关部分.dirname读取指定路径名保留最后一个/及其后面部分的字符,删除其他部分,并把结果到标准输出.如果最后一个/后无字符,d ...
    
			
    11.