Bootstrap

Vue3.X基础总结


一:选项式api和组合式api的关系是什么?组合式api有什么好处?

1.混合使用:某些场景使用组合式api做增强处理
2.功能统一,方便使用:如果单文件组件体积较大可以进行拆分处理

二:recative可以处理什么数据?

对象数据

三:ref可以处理什么数据?

简单类型和复杂类型

四:ref处理之后的数据使用上有哪些注意点?

setup → ref.value
模板中 → 自动解套 直接使用

五:computed计算属性如何使用?

const filterList = computed( () => { return 计算之后的结果 })

六:watch如何实现深度监听?有没有更好的方式?

开启第三个参数 配置deep:true
更好的方式: 直接监听精准的对象下的属性

七:provide应用场景是什么?

跨层传数据 只要在顶层组件提供数据 底层任何组件都可以通过inject方法获取 (key)

八:provide可以提供哪些数据?

非响应式数据 / 响应式数据 / 函数方法 都可以

九:provide如何模拟vuex?

  1. 找到一个共同的父组件,通过provide提供响应式数据和操作数据的方法 (state,mutation)
  2. 底层组件通过inject获取响应式数据和操作数据的方法
  3. 可以根据业务要求,在底层组件中调用操作数据的方法即可

十:setup函数中如何获取真实dom(组件实例对象)?

  1. 通过调用ref函数传入null 得到一个ref对象
  2. 建立关联 div ref=”ref对象的名称“
  3. return 出去这个ref对象
  4. 使用的时候:ref.value

悦读

道可道,非常道;名可名,非常名。 无名,天地之始,有名,万物之母。 故常无欲,以观其妙,常有欲,以观其徼。 此两者,同出而异名,同谓之玄,玄之又玄,众妙之门。

;