前端面试题整理10

目录

1.Vue项目打包上线流程？

2.Vue中v-model的原理？

3.Vue中组件data为什么是个函数？全局是一个对象？

4.Vue中keepalive的缓存机制？

5.Vue中key的含义？

6.Vue 2中diff算法怎么运算的？

7.虚拟DOM和真实DOM的区别？

8.Vue中数组的那些操作监听不到？

9.Vue 组件传值方案有哪些？

10.Vue 组件的单项数据流怎么理解？

---

1.Vue项目打包上线流程？

①通过命令行工具进入Vue项目的根目录，运行命令npm run build，生成打包后的静态文件。

②将打包后的静态文件上传至服务器，可选择使用FTP或者其他文件上传工具。

③在服务器上安装Node.js环境，如果已经安装则跳过此步骤。

④安装HTTP服务器，例如Nginx或Apache等，用于将静态文件在Web服务器上进行部署。

⑤配置HTTP服务器的虚拟主机，将Vue项目的请求指向打包后的静态文件所在的目录。

⑥启动HTTP服务器，访问Vue项目的域名或IP地址即可查看项目。

2.Vue中v-model的原理？

v-model指令实际上是一个语法糖，它是将value属性和input事件绑定在一起，实现了双向数据绑定。当一个表单元素使用v-model指令时，它会监听input事件，然后将输入的值赋给组件实例的data对象中对应的属性。同时，当组件实例的data对象中对应的属性发生改变时，v-model指令会将新的值赋给表单元素的value属性，从而实现了数据的双向绑定。

3.Vue中组件data为什么是个函数？全局是一个对象？

因为组件是可以复用的，如果组件中的data是一个对象，那么多个组件实例将共享同一个对象，这样就会导致数据混乱的问题。而将data设置为一个函数，每个组件实例就会调用该函数，返回一个新的data对象，这样每个组件实例就都有自己独立的数据了。

全局的data是一个对象，因为全局只有一个Vue实例，不涉及到组件复用的问题。