本文主要是介绍Vue15-watch对比计算属性，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
一、姓名案例
1-1、watch实现
1-2、计算属性
对比发现：
计算属性比watch属性更简略一些。
1-3、计算属性 VS 侦听属性
1-4、需求变更
计算属性中不能开启异步任务！！！因为计算属性靠return返回值。但是watch靠亲自写代码去改。
1-5、定时器函数setTimeout()
语法：
var timerId = setTimeout(()=>{ console.log('This will not be logged.');
}, 2000); clearTimeout(timerId); // 取消定时器vue中定时任务用的箭头函数，但是，可以用this，因为定时器中的函数并不是vue管理的，定时器到点了，是js引擎去调的函数。
所以，定时器中的函数要用箭头函数！！！
二、小结
三、promiss函数
在JavaScript中，Promise 对象用于表示一个异步操作的最终完成（或失败）及其结果值。
一个 Promise 有三种状态：
- Pending（待定）：初始状态，既不是成功，也不是失败状态。
- Fulfilled（已实现）：意味着操作成功完成。
- Rejected（已拒绝）：意味着操作失败。
一旦状态从 pending 变为 fulfilled 或 rejected，状态就不会再改变。
3-1、创建一个Promise
你可以使用 new Promise() 构造函数来创建一个新的 Promise 对象。这个函数接受一个执行器（executor）函数作为参数，该函数有两个参数：resolve 和 reject，它们都是函数。
const promise = new Promise((resolve, reject) => { // 异步操作 setTimeout(() => { if (/* 一切正常 */) { resolve('操作成功'); } else { reject(new Error('操作失败')); } }, 1000);
});3-2、使用Promise
你可以使用 .then() 方法来处理 fulfilled 状态，使用 .catch() 方法来处理 rejected 状态。
promise.then(result => { console.log(result); // '操作成功'
}).catch(error => { console.error(error); // 捕获到的错误
});3-3、链式调用
.then() 方法返回一个新的 Promise，这使得你可以链式调用 .then() 和 .catch()。
promise .then(result => { console.log(result); // '操作成功' return anotherAsyncOperation(result); // 返回一个新的Promise }) .then(newResult => { console.log(newResult); // 新的异步操作的结果 }) .catch(error => { console.error(error); // 捕获到的错误 });这篇关于Vue15-watch对比计算属性的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
