vue3-3-响应式数据与watch属性,web架构师

23 阅读2分钟
框架相关

原生JS虽能实现绝大部分功能,但要么就是过于繁琐,要么就是存在缺陷,故绝大多数开发者都会首选框架开发方案。现阶段较热门是React、Vue两大框架,两者工作原理上存在共通点,也存在一些不同点,对于校招来说,不需要两个框架都学得特别熟,一般面试官会针对你简历中写的框架进行提问。

在框架方面,生命周期、钩子函数、虚拟DOM这些基本知识是必须要掌握的,在学习的过程可以结合框架的官方文档

Vue框架

知识要点: 1. vue-cli工程 2. vue核心知识点 3. vue-router 4. vuex 5. http请求 6. UI样式 7. 常用功能 8. MVVM设计模式

React框架

知识要点: 1. 基本知识 2. React 组件 3. React Redux 4. React 路由

开源分享:docs.qq.com/doc/DSmRnRG…

计算属性与监视

==========================================================================

computed函数:


  1. 与computed配置功能一致

  2. 有getter/setter

与watch配置功能一致


  1. 监视指定的一个或多个响应式数据, 一旦数据变化, 就自动执行监视回调

  2. 默认初始时不执行回调, 但可以通过配置immediate为true, 来指定初始时立即执行第一次

  3. 通过配置deep为true, 来指定深度监视

watchEffect函数


  1. 不用直接指定要监视的数据, 回调函数中使用的哪些响应式数据就监视哪些响应式数据

  2. 默认初始时就会执行第一次, 从而可以收集需要监视的数据

  3. 监视数据发生变化时回调