正面面试问题(15)

将父元素设置为相对定位，子元素设置为绝对定位，top:0；右:0；底部:0；左:0；边距:自动；

设置父元素为相对定位，子元素为绝对定位，左:50%；top:50%；Margin-left: -元素px宽度的一半；Margin-top: -元素高度px的一半；

高度和宽度未知的元素:

设置父元素为相对定位，子元素为绝对定位，左:50%；top:50%；transform: translate(-50%，-50%)；

设置父元素为相对定位，子元素为绝对定位，左:50%；top:50%；transform:translate(-50%，-50%)；

组件中的数据被写成函数的形式，数据以函数返回值的形式定义，这样组件每次被重用都会返回一个新的数据，类似于为每个组件实例创建一个私有数据空间，让每个组件实例维护自己的数据。而简单的以对象的形式写出来，让所有的组件实例* * *都使用数据的副本，就会导致一个结果，一切都会改变。

用于:

支持Return，它是一个值数组(不能遍历对象)。

1.您可以避免所有for-in循环的陷阱。

2.与forEach()不同，您可以使用break、continue和return。

3.for-of循环不仅支持数组遍历。它也适用于许多类似于数组的对象。

4.它还支持字符串的遍历。

5.for-of不适合处理原始本机对象。

适用于:

forEach:

assets文件夹是静态资源；组件是put组件；路由器定义与路由相关的配置；查看视图；App.vue是应用主组件；Main.js是入口文件。

组件切换过程中，状态保存在内存中，避免了DOM的重复渲染，减少了加载时间和性能消耗，提高了用户体验。

生命周期函数:激活的(当组件被激活时调用)和停用的(当组件被停用时调用)

常见的使用场景可以分为三类:

当条件频繁执行时，不适合使用v-if，而使用v-show；

相反，条件执行的次数很少，所以可以使用v-if。

不建议在同一元素上同时使用V-if和v-for。虽然它们可以运行，但是编辑器会报告一个警告。当它们一起使用时，v-for的优先级高于v-if。