在Vue中如何处理异常和错误？请说明常用的方法和技术

在Vue中处理异常和错误的常见方法包括：

1. 使用try...catch语句捕获同步代码中的错误。
2. 利用Promise的.catch()方法处理异步代码中的错误。
3. 使用Vue的全局错误处理钩子，如Vue.config.errorHandler来全局监控和处理组件内未捕获的错误。
4. 使用v-on指令监听组件内发出的错误事件，如@errorCaptured。
5. 使用开发版的Vue库时，可以利用Vue devtools来调试和查看错误。

示例代码：

// 1. 使用try...catch捕获同步代码中的错误
try {
  // 可能会抛出错误的代码
} catch (error) {
  console.error('Caught an error:', error);
}
 
// 2. 使用Promise的.catch()处理异步代码中的错误
fetch('/api/data')
  .then(response => response.json())
  .catch(error => {
    console.error('Error in fetch:', error);
  });
 
// 3. 使用Vue.config.errorHandler来全局处理错误
Vue.config.errorHandler = function (error, vm, info) {
  console.error(`Global error handler: ${error.toString()}\nInfo: ${info}`);
};
 
// 4. 使用@errorCaptured事件处理组件内的错误
new Vue({
  // ...
  errorCaptured(error, vm, info) {
    console.error(`Component error captured: ${error.toString()}\nInfo: ${info}`);
    // 返回true可以避免此错误进一步传播
    return false;
  }
});

在生产环境中，为了给用户更好的体验，可以将错误信息收集并上报服务器，同时展示一个友好的错误提示，而不是将错误堆栈直接显示给用户。