VUE 开发总结笔记

最新推荐文章于 2020-12-11 09:13:04 发布

Wendel2

最新推荐文章于 2020-12-11 09:13:04 发布

阅读量475

点赞数 4

分类专栏： vue-js 文章标签： vue vue-js vue子组件传值给父 vue父组件传值给子

本文链接：https://blog.csdn.net/Wendel2/article/details/76690299

版权

这篇博客总结了Vue开发过程中的关键点，包括如何动态添加属性到实例上以触发视图更新，组件开发的实践，以及组件间通信的详细解释，如父组件通过props向子组件传递数据和子组件通过$emit向父组件发送消息。此外，还介绍了如何在父组件中处理子组件的点击事件。

摘要由CSDN通过智能技术生成

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>