vue 中 methods、computed、watch

最新推荐文章于 2024-05-21 15:34:11 发布

Boulettes

最新推荐文章于 2024-05-21 15:34:11 发布

阅读量577

点赞数

分类专栏： Vue学习文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_44635543/article/details/126182400

版权

methods、computed、watch 的区别

① methods 方法表示一个具体的操作，主要书写业务逻辑
② computed 计算属性，属性的结果会被缓存，除非依赖的响应式属性变化才会重新计算
③ watch 侦听属性，可以看作是 methods 和 computed 的结合

computed 和 methods 都可以达到计算属性的效果
computed 是属性调用，带有缓存功能
methods 是函数调用，不会被缓存

大部分下 watch 和 computed 是没有区别的，但是如果在数据变化的同时进行异步操作的情况下，watch 则是最好的选择

在 methods 中定义方法，我们可以使用 methods 属性给 Vue 定义方法

var vm = new Vue ({
   
	methods: {
   
		方法名(){
   } //多个方法之间用 ‘，’ 隔开
	}
})

在 methods 方法中访问 data 的数据，可以直接通过 this.属性名的形式来访问

new Vue({
   
	el:'#app',
	data(){
   
		return{
   
			num:12
		}
	},
	methods:{
   
		onShow(){
   
			console.log

关注