Vue项目结构
目录结构
src/目录下的components/、views/、assets/、router/、store/等目录的作用。
main.js的作用,如何初始化Vue实例。
入口文件
main.js中如何配置Vue实例,如何挂载到DOM元素上。
如何引入Vue插件(如vue-router、vuex)。
Vue组件
组件生命周期
介绍Vue组件的生命周期钩子,如beforeCreate、created、mounted、updated、destroyed。
生命周期钩子的使用场景,例如在mounted中发起网络请求。
父子组件通信
通过props从父组件向子组件传递数据。
通过$emit从子组件向父组件传递事件。
兄弟组件通信
使用event bus或vuex实现兄弟组件之间的通信。
event bus的优缺点及适用场景。
Vue性能优化
避免频繁DOM操作
使用v-if和v-show合理控制DOM渲染。
避免在循环中直接操作DOM,改用Vue的v-for指令。
缓存组件
使用keep-alive缓存组件,减少重复渲染。
keep-alive的include和exclude属性的使用。
懒加载
使用vue-router的懒加载功能,按需加载组件。
图片懒加载的实现方式。