vue细节笔记注意(不定期更新)

1、综合注释, import(/* webpackChunkName: "xxxx" */ './xxxx.vue') 可以在路由上面做webpack代码分块

2、vite结合rollupOptions可以定义分块

3、路由不能使用异步组件，但可以异步加载

4、watch可以更精确的控制你想要响应的某个依赖回调并且能拿到新旧值做对比,不会立即执行,除非手动设置immediate, watchEffect 传入的函数也是依赖的收集源,会被动追踪函数里面的全部依赖,并且立即执行更新,从实现上来说,watchEffect(fn) == watch(fn, fn, { immediate: true })，底层源码上来讲 watchEffect 是不传第二个参数的,因为fn即当执行函数也当依赖函数

5.route是一个路由对象,表示当前的路由状态和信息,Router用于管理全局路由,是一个实例化对象,可以用来发起跳转等操作.

6、spa是单页面应用，也称为客户端渲染,好处是节约流量,跳转不刷新,用户体验好等,缺点是首屏加载慢,因为服务器给的html页面是空的,所以不利于搜索引擎爬虫获取信息,也就是不利于SEO

7、SSR是服务端渲染也被称为多页面应用,区别于以前传统的多页面应用（JSP,PHP）SSR采用了一个折中的方案，把HTML的内容在服务端一次性渲染出来，首屏加载更快，更方便搜索引擎抓取页面信息，但是SSR也会有性能和开发受限的问题。

8、在选择上，如果我们存在首屏加载优化或者是SEO的需求，那就采用SSR。但如果网站不常变化，属于静态网站，那么用SSR反而是一种资源浪费，我们应该使用 预渲染的方案来替代，另外nuxt.js/next.js也给我们提供了SSG的静态网站生产方案