解答-6

Vite 是什么？

https://v3.cn.vuejs.org/guide/installation.html#vite

• 一个打包工具，Vue 作者发起的

• 借助 Vue 的影响力，和 webpack 竞争

• 优势：开发环境启动快，无需打包

• 开发环境基于 ES6 module https://www.caniuse.com/?search=module

• 生产环境打包时使用 rollup

<script type="module">
    import add from './src/add.js'

    const res = add(1, 2)
    console.log('add res', res)
</script>

和 React Hooks 对比

PS：这个题目需要你了解 React Hooks ，不了解的，可以先去看看（课程里有讲解），再回来学习。

• 组件生命周期中 setup 只调用一次，而 React Hooks 在组件 render 和每次 update 时都会被调用
• 无需使用 useMemo useCallback
• “不需要顾虑调用顺序，也可以用在条件语句中” （React Hooks 的 useXXX 则有严格规定，这一点是 React Hooks 不太简单的地方）
• （后两个，都是依赖于第一个特性的）

另外，reactive ref 这俩概念，和 react Hooks 的 useState 相比，还是后者好理解