yan的秘密基地

首屏时间（FirstContentfulPaint），指的是浏览器从响应用户输入网址地址，到首屏内容渲染完成的时间，此时整个网页不一定要全部渲染完成，但需要展示当前视窗需要的内容首屏加载可以说是用户体验中最重要的环节资源加载优化和页面渲染优化大家可以根据自己项目的情况选择各种方式进行首屏渲染的优化https。...

1.组件通信常用方式有以下8种：props$ emit / $on$children / $parent$ attrs / $listenersref$ rooteventbusvuex当然vue3中有一些变化，比如说 $ on、$children 都已经废除了，甚至 eventbus 其实在vue3中用起来也不是那么方便了2.根据组件之间关系讨论组件通信最为清晰有效父子组件props / $emit / $parent / ref / $attrs兄弟组件$par

vue中双向绑定是一个指令v-model，所谓的双绑就是可以绑定一个响应式数据到视图，同时视图中变化能改变该值。v-model是语法糖，默认情况下相当于:value和@input。使用v-model可以减少大量繁琐的事件处理代码，提高开发效率。通常在表单项上使用v-model，还可以在自定义组件上使用，表示某个值的输入和输出控制。比如说我们在input上使用时，我们将xxx的值绑定到表单元素value上<input v-model = "xxx">；如果这个input的类型是checkbo

首先我们需要知道关于这个问题，其实在vue2和vue3中的答案是截然相反的。实践中不应该把v-for和v-if放在一起先说结论：在vue2中，v-for的优先级高于v-if在vue3中，v-if的优先级高于v-for通常有两种情况下导致我们这样做：1.为了过滤列表中的项目，比如：v-for="user in users" v-if="user.isActive"在vue2中，把它们放在一起，输出的渲染函数中可以看出会先执行循环再判断条件，哪怕我们只渲染列表中一小部分元素，也得在每次重

每个Vue组件实例被创建后都会经过一系列初始化步骤，比如，它需要数据观测，模板编译，挂载实例到dom上，以及数据变化时更新dom。这个过程中会运行叫做生命周期钩子的函数，以便用户在特定阶段有机会添加他们自己的代码。生命周期总共可以分为8个阶段：创建前后（beforeCreate/created），载入前后（beforeMount/mounted），更新前后（beforeUpdate/updated），销毁前后（beforeDestroy/destoryed），以及一些特殊场景的生命周期。Vue3中新增了三