vue3 watch监听多个数据，真香系列最后为了帮助大家更好的了解前端，特别整理了《前端工程师面试手册》电子稿文件。

为了帮助大家更好的了解前端，特别整理了《前端工程师面试手册》电子稿文件。

开源分享：docs.qq.com/doc/DSmRnRG… // 更改省份时重置之前选择的城市

state.country = "";

// 更改省份时重置之前填写的详细地址

state.detailedAdress = "";

console.log(state.countries);

}

);

// 监听城市--->单个数据

watch(() => state.country, () => {

// 更改城市时重置之前填写的详细地址

state.detailedAdress = "";

console.log(state.countries);

}

);

// 写两个watch太麻烦，现用watch监听省份和城市两个数据

// 第一个参数() => [state.province, state.country] 监听的两个数据

// 第二个参数回调函数，其中参数分别代表更改后与更改前的值，([newprovince,newcountry],[oldprovince,oldcountry]) ，第一个参数依次代表更改后的值，第二个参数依次代表更改前的值

watch(() => [state.province, state.country], ([newprovince,newcountry],[oldprovince,oldcountry]) => {

console.log(oldprovince,'省份---', newprovince);

console.log(newcountry,'cs---', oldcountry);

// 判断是不是省份发生的变化

if(oldprovince !== newprovince) {

const arr = state.allCity.filter((item) => item.province == state.province);

state.countries = arr[0].cities;

console.log(arr);

state.country = "";

}

state.detailedAdress = "";

console.log(state.countries);

}

);

return {

...toRefs(state),

};

});

如有问题请评论，谢谢，希望可以帮到有需要的人

[

超强干货来袭云风专访：近40年码龄，通宵达旦的技术人生 ](newprogrammer.blog.csdn.net/article/det…)

在面试前我花了三个月时间刷了很多大厂面试题，最近做了一个整理并分类，主要内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。