Vue3面试题

computed 和 method的区别?

1. computed具有响应式（双向数据绑定），以属性方式调用，如：this.reversedMessage

2. methods需以函数方式调用，如：this.reversedMessage()

3. computed具有缓存功能，只要里面的数据不发生改变，就不会重新计算；methods每次调用都重新计算一次，也就是说使用了computed只有它们计算依赖的值发生变化的时候才会进行重新计算，这样大大提高了性能。相比之下，每当触发重新渲染时，method将总会再次执行函数。

 属性/方法/侦听器的区别

1、计算属性(通过其他的值算出新值)：避免数据冗余
（1）内置缓存，当计算属性依赖的变量没有发生改变时，这个计算属性就不会再执行，就会一直用上一次计算的结果，这样就能提高性能。
（2）一定要用return返回新值
2、方法：没有缓存机制，页面只要重新渲染，方法就会重新执行一次。
3、侦听器 :
（1）依赖的变量发生变化时会再次执行，性能还可以，就是复杂了。
（2）可以监听变量的变化而做出处理，不一定要有返回值。
总结：watch语法复杂了很多，如果一个功能既可以通过watch实现也可以通过computed实现，又可以通过methods方法实现的时候，优先使用computed

前端SPA（Single Page Application，单页应用）指的是一种在单个页面中通过JavaScript动态渲染内容的Web应用。相对于传统的多页应用，SPA只需要加载一次HTML、CSS和JavaScript等前端资源，通过AJAX或WebSocket等技术从服务器获取数据，实现页面的动态刷新和更新。前端SPA具有交互性好、用户体验优良、开发效率高等优点，适用于各种类型的Web应用，尤其是移动端应用。常见的前端SPA框架包括AngularJS、React、Vue.js等。

1. 什么是单向数据流？

在Vue中，单向数据流是指数据的传递方向是单向的，从父组件向子组件进行传递。这意味着只有父组件可以改变数据，而子组件只能通过props接收数据，并且无法直接修改它们。这种单向数据流的设计原则有助于提高代码的可维护性和可预测性。