系列文章目录
提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加
例如:第一章 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中。
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中的一个细节的补充,继续学习其他的去啦!