- vue2和vue3响应式原理的区别
- vue2使用Object.defineProperty()实现响应式原理，而vue3使用Proxy()实现。
- 虽然vue2，vue3面对对象嵌套，都需要递归，但vue2是对对象的所有属性进行递归，vue3是按需递归，如果没有使用到内部对象的属性，就不需要递归，性能更好。
- ref和reactive区别
-
用法，ref定义变量后再js中访问.value方式获取，而reactive定义的对象直接对象点属性取值。
- 范围不同：ref可以定义任意数据类型的变量，reactive只能用来定义复杂数据类型的变量
- reactive API有一些局限性，不能用于整个对象的替换，必须通过属性访问才能具备响应式，整体替换会让其失去响应式，结构后失去响应式，官方建议使用
ref()作为声明响应式状态的主要 API。
-
- px、rpx、em、rem的区别
- px绝对长度单位,px是一个固定长度，不会随着页面的放大缩小变化
- rpx是uniapph和微信小程序开发引入的尺寸单位，rpx可以根据屏幕的宽度进行自适应，规定所有手机的屏幕宽度均为 750rpx 的大小。rpx的实现依赖于一个基本的换算规则，px = rpx * (屏幕宽度 / 750)，rpx = px / (屏幕宽度 / 750)。这个换算过程确保了无论设备屏幕尺寸如何变化，小程序的布局和元素尺寸都能保持相对的一致性，从而提升了用户体验和应用的适应性。
-
相对单位，相对于它的父节点字体进行计算
- 相对单位，相对根节点html的字体大小来计算
- vue常用的数据通信
- 父子组件之间的通信。父组件通过props向子组件传递数据，子组件通过emit将事件发送回父组件
- 父组件可以通过 ref 获取子组件的实例
- 父组件可以通过
provide提供数据或方法，子孙组件可以通过inject注入所需的数据或方法 - $attrs 包含了父组件传递给子组件的所有属性,除了那些已经被 props 或 emits 声明的。
- v-model 提供了一种简洁的方式来实现父子组件之间的双向数据绑定。
- 路由参数query和params
- vuex和pinia,Vue 状态管理库
- localStorage 和 sessionStorage 可以用于在不同页面或组件之间共享数据。
- 全局属性，Vue 3 提供了 app.config.globalProperties 来替代 Vue 2 中的 Vue.prototype,用于添加全局可用的属性。
- css3使用变量scss使用变量
- css3 ,--name,变量的调用使用
var(--name) - scss,$name。$name使用
- css3 ,--name,变量的调用使用
- 页面加载速度优化
- 代码分割和懒加载：使用动态导入语法进行代码分割，将组件按需加载，
- 列表分页。
- 路由懒加载：使用Vue的异步路由功能，仅当用户访问到某个路由时才加载该路由的组件。
- 懒加载第三方库
- 使用SSR(服务器端渲染)
- 开启Gzip压缩，
webpack-bundle-analyzer来分析和优化打包体积
标签：vue,rpx,px,xxx,面试,Vue,组件,ref,加载 From： https://www.cnblogs.com/qiaozhiming123/p/18428826