# 面试题一 ⭐️
# 1.vue使用双向绑定
点击查看答案
v-model ===> :value='content' @input="content=$event"
# 2.说说对vue的理解？
点击查看答案
一套用于构建用户界面的渐进式MVVM框架。
virtual DOM
优雅永不过时
若非群玉山头见
# 3.v-if，v-show
点击查看答案
v-show：display:none
v-if:visibility：hidden
# 4.v-if和v-for不建议一起用？
点击查看答案
性能方面的浪费（每次渲染都会先循环再进行条件判断）
# 5.首屏加载慢
点击查看答案
- 1.压缩文件
- 2.cdn
- 3.按需加载
- 4.懒加载
- 5.SSR
# 6.为什么data属性是一个函数而不是一个对象？
点击查看答案
根实例对象无所谓，不会产生数据污染情况
- 防止产生数据污染情况(组件实例对象data必须为函数)
# 7.Vue中给对象添加新属性时，界面不刷新怎么办？
点击查看答案
- Vue.set()
- Object.assign()
- $forceUpdated() --- 不建议 PS：vue3是用过proxy实现数据响应式的，直接动态添加新属性仍可以实现数据响应式
# 8.Vue中组件和插件有什么区别？
点击查看答案
组件目标APP.vue 插件目标Vue
# 9.Vue组件间通信方式都有哪些？
点击查看答案
- props传递
- $emit触发自定义事件
- 使用ref
- eventbus
- $parent或$root
- attrs与listeners
- Provide与inject
- vuex
- pinia
# 10.Vue中$nextTick有什么作用？
点击查看答案
我们可以理解成，Vue 在更新 DOM 时是异步执行的。当数据发生变化，Vue将开启一个异步更新队列，视图需要等队列中所有数据变化完成之后，再统一进行更新 如果没有 nextTick 更新机制，那么 num 每次更新值都会触发视图更新(上面这段代码也就是会更新10万次视图)，有了nextTick机制，只需要更新一次，所以nextTick本质是一种优化策略