watch和compoted
时间: 2024-04-25 12:24:11 浏览: 13
引用\[1\]中提到,Vue中的watch用于观察Vue实例内数据的变动,而computed用于自动计算内部数据的属性。具体来说,watch是一个对象,其中的每个属性都是一个函数,当被观察的数据发生变化时,对应的函数会被调用。而computed是一个对象,其中的每个属性都是一个函数,用于计算和返回一个新的属性值,这个属性值会根据依赖的数据自动更新。\[1\]
引用\[2\]中提到,Vue3.0中的生命周期函数的命名方式发生了变化,现在以"on"开头,并且需要写在setup函数中。这是因为Vue3.0采用了Composition API的方式,将组件的逻辑拆分成更小的函数,使得代码更加清晰和可维护。\[2\]
引用\[3\]中提到,每次父级组件发生更新时,子组件中所有的prop都会刷新为最新的值。这意味着在子组件内部不应该改变prop的值,否则Vue会在浏览器的控制台中发出警告。这是因为Vue遵循单向数据流的原则,父组件传递给子组件的数据应该是只读的,子组件应该通过事件来通知父组件进行数据的修改。\[3\]
#### 引用[.reference_title]
- *1* *3* [vue 学习笔记](https://blog.csdn.net/weixin_34378045/article/details/88724600)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [【 Vue 3.0 初探 】](https://blog.csdn.net/Kelly_yml/article/details/110245059)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)