Vue动态添加新的属性到实例上(vue的问题)

简介: Vue动态添加新的属性到实例上(vue的问题)

当我们去看vue文档的时候,发现如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。比如我们我们开始创建了一个对象实例,在实例创建之后为其增加新的属性,我们发现这个属性不能生效,此时需要使用this.$set(')方法。

 

<template>
    <more></more>
</template>
<script>
  import viewMore from 'viewMore.vue'
  export default {
    name: 'index',
    components: {
      more: viewMore
  },
    data() {
      return {
        people :{}
      }
    },
    created(){
      this.$set(people , 'age','12');
    }
  }
</script>
相关文章
|
1天前
|
存储 缓存 JavaScript
谈谈你对vue的了解
谈谈你对vue的了解
10 3
|
2天前
|
JavaScript API
Vue axjx 跨域请求
Vue应用中解决跨域问题可通过配置代理服务器。方法一是设置`devServer.proxy`到目标服务器端口,如`http://localhost:3000`,然后使用axios发送请求。方法二是为多个代理配置,如`/api`和`/api2`,分别指向不同端口,利用`pathRewrite`重写路径。请求时需加上相应前缀,如`/api/index`。
9 1
|
2天前
|
JavaScript 前端开发 Java
JavaSE精选-Vue
JavaSE精选-Vue
7 1
|
2天前
|
JavaScript
vue知识点
vue知识点
13 2
|
2天前
|
JavaScript
Vue父子组件传值
<!-- 父组件向子组件传地值 -->
12 2
|
2天前
|
JavaScript Java
Vue : v-if, v-show
Vue : v-if, v-show
13 0
Vue : v-if, v-show
|
2天前
|
JavaScript 前端开发
Vue : 监视属性
Vue : 监视属性
9 0
|
2天前
|
缓存 JavaScript
Vue: 事件修饰符, 键盘事件, 鼠标事件,计算属性
Vue: 事件修饰符, 键盘事件, 鼠标事件,计算属性
18 2
|
2天前
|
JavaScript 安全
一文彻底学会vue的组件通信
Vue组件通信包括父向子通过`props`传递数据,如`&lt;Student :name=&quot;18&quot;&gt;&lt;/Student&gt;`,子组件通过`$emit`触发自定义事件与父组件通信,如`this.$emit(&#39;myEvent&#39;, this.name)`。此外,使用全局事件总线(`Vue.prototype.$bus`)可在多级组件间通信,通过`$on`订阅和`$emit`发布事件。还有消息订阅与发布模式,利用`pubsub-js`库实现更灵活的组件交互。
9 0
一文彻底学会vue的组件通信
|
JavaScript 测试技术 容器
Vue2+VueRouter2+webpack 构建项目
1). 安装Node环境和npm包管理工具 检测版本 node -v npm -v 图1.png 2). 安装vue-cli(vue脚手架) npm install -g vue-cli --registry=https://registry.
993 0