每次搞vue项目都得面对”TypeError:XXX找不到”这个破事儿，就像吃饭吃到石头，瞬间没心情了。
对象没有被正确初始化
你遇到过这种情况吗？想用某个属性或方法，突然眼前一片空白，找不到“主人”了，简直比弄丢家门钥匙还糟心！比如，在Vue组件中的data位置设了个属性，却忘记初始赋值，那这个问题可能会时不时跑出来捣蛋。
异步过程中的访问问题
你在用Vue搞异步操作时，例如在挂载阶段想获取对象里的东西，要当心！如果你提前去抓取这些属性和方法，但其实这个对象还没被正式填上值的话，这个”调皮”的TypeError就来找麻烦了。大概就是你下单买了个菜，结果人厨师还没烧好，你就开吃了。
解决方法之一：给属性赋初值
为啥不在data里自带这个属性的初始值？这就好比出门前摇晃下口袋，看钥匙是不是都带齐了。这样既能避免由于属性未初始化而出错，代码也会变得更流畅！
obj: {} // 使用一个空对象初始化属性
解决方法之二：使用async/await
现在有个超级实用的招儿解决异步问题，那就是使用async/await！把要等待的异步操作改成async函数，需要使用对象属性时加上await，这样就能等到对象值出来之后再修改属性，简直就是等外卖时的感觉！
解决方法之三：利用Vue的watch属性
知道吗？Vue的watch真的很厉害！它会时刻盯着某些东西的变化，只要一变就立刻响应。这下不怕弄乱数据了，随时随地都能迅速处理~
总结：小心谨慎，避免陷阱
你要是碰到了“TypeError:找不到‘XXX’这个东西”这种情况，那可能就是某项属性或对象给弄错了呗。这时候怎么办？赶紧摸查一下，看看是不是哪儿把它们漏设为null了。别太心急，得等结果出来再说。记住，只有这些属性都准备好，咱们才能放心大胆地用起来呀。另外，async/await方法也是个不错的选择，它能确保我们在对象准备完毕之后再去查看！
console.log(val); // 在对象属性变化时执行相应的操作
评论0