watch 和 computed
❗❕watch使用了Vue.js提供的$watch方法来监听数据的变化。当我们定义一个watch选项时,Vue.js会在组件实例创建时,遍历这些watch选项,并通过$watch方法对相应的数据进行监听。
❗❕watch可以监听单个数据的变化,也可以监听多个数据的变化,通过对象的形式进行定义。在数据发生变化时,相应的回调函数会被触发,我们可以在回调函数中执行我们需要的操作。
https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=177fc4671014423bb66f2a5738a1e767
❕❗computed使用了Vue.js提供的计算属性的机制。在定义计算属性时,我们通过编写计算属性的get函数来计算和返回数据,而不是直接在模板中编写逻辑。
❕❗Vue.js会为计算属性创建一个依赖追踪器,用于追踪计算属性依赖的数据。当依赖的数据发生变化时,Vue.js会自动重新计算计算属性的值,并将计算结果缓存起来。
❕❗当计算属性被访问时(如在模板中使用),Vue.js会检查计算属性所依赖的数据是否发生了变化。如果没有变化,则直接返回缓存的计算结果,如果有变化,则重新计算并更新缓存。
❗❕watch可以监听单个数据的变化,也可以监听多个数据的变化,通过对象的形式进行定义。在数据发生变化时,相应的回调函数会被触发,我们可以在回调函数中执行我们需要的操作。
https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=177fc4671014423bb66f2a5738a1e767
❕❗computed使用了Vue.js提供的计算属性的机制。在定义计算属性时,我们通过编写计算属性的get函数来计算和返回数据,而不是直接在模板中编写逻辑。
❕❗Vue.js会为计算属性创建一个依赖追踪器,用于追踪计算属性依赖的数据。当依赖的数据发生变化时,Vue.js会自动重新计算计算属性的值,并将计算结果缓存起来。
❕❗当计算属性被访问时(如在模板中使用),Vue.js会检查计算属性所依赖的数据是否发生了变化。如果没有变化,则直接返回缓存的计算结果,如果有变化,则重新计算并更新缓存。
全部评论
相关推荐
点赞 评论 收藏
分享