系列文章目录

提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加
例如：第一章 Python 机器学习入门之pandas的使用

提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档

系列文章目录

前言

vue的property，经常提到这个词，只知道是类似于data里的属性，其他的不太了解，于是去学习property是什么。

一、property是什么？

下面是chat gpt的回答：

在 Vue 中，property（属性）通常指的是组件实例的数据属性，也就是在组件中声明和定义的变量。这些属性可以在组件的模板中进行绑定和使用。

在 Vue 组件中，可以通过 props 和 data 来定义属性。
props 是组件的属性，用于接收父组件传递的数据。通过在组件中定义 props 对象，并在组件的标签上使用属性绑定传递数据给子组件。例如：
// 子组件 MyComponent.vue
<template>
  <div>
    <p>{
      
      { message }}</p>
  </div>
</template>

<script>
export default {
  props: ['message'],
}
</script>
data 是组件的内部数据，用于存储组件自身的状态。通过在组件中定义 data 函数，返回一个对象来定义组件的数据属性。例如：
// 组件 MyComponent.vue
<template>
  <div>
    <p>{
      
      { count }}</p>
    <button @click="increment">Increment</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      count: 0,
    }
  },
  methods: {
    increment() {
      this.count++
    },
  },
}
</script>
在 Vue 组件中，props 用于接收外部传递的数据，而 data 用于组件自身的状态管理。这两者共同构成了组件的属性。

二、应用/实例

1.添加实例 property

vue2 文档里：

添加实例 property — Vue 介绍 · Vue.js教程

这里介绍了基础的 property的用法，在vue中。

2.其他详解

看了其他博主总结的博文，如下：

Vue Data Propertyhttp://t.csdn.cn/qiNLa上面这里还写了防抖和节流，下一篇写。

VUE2快速入门(六)---实例property(重点)http://t.csdn.cn/8MLlg这篇写的比较完整，也看不很懂，不过可以用来学习。

vue中的attribute 和 property 是什么意思http://t.csdn.cn/2m14d这篇介绍了vue中的attribute 和 property，简单说 attribute与property是前者的值会改变后者的值，后者却不能改变前者，前者与后者更像是实例和构造函数的关系（自己理解的）

以上是记录。

总结

这是学习vue中的一个细节的补充，继续学习其他的去啦！

vue的Property

系列文章目录

前言

一、property是什么？

二、应用/实例

1.添加实例 property

2.其他详解

总结

猜你喜欢