文章目录
一:选项式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?
- 找到一个共同的父组件,通过provide提供响应式数据和操作数据的方法 (state,mutation)
- 底层组件通过inject获取响应式数据和操作数据的方法
- 可以根据业务要求,在底层组件中调用操作数据的方法即可
十:setup函数中如何获取真实dom(组件实例对象)?
- 通过调用ref函数传入null 得到一个ref对象
- 建立关联 div ref=”ref对象的名称“
- return 出去这个ref对象
- 使用的时候:ref.value