Teresa的前端海底乐园

Vuex是一个专为Vue.js应用程序开发的状态管理模式，采用集中式存储管理应用的所有组件的状态，解决多组件数据通信。（简单理解，Vuex 维护了⼀个对象，该对象存储了 Vue 应⽤中多个组件所需要共同使⽤的变量，使得组件可以共享它们，当对象中的变量发⽣变化时，不同组件中使用变量的地方也会相应地更新。其中，状态包含以下几个部分：state，驱动应用的数据源；view，以声明方式将 state 映射到视图；actions，响应在 view 上的用户输⼊导致的状态变化。

vue中单页应用（SinglePage Web Application，SPA）和多页应用（MultiPage Application，MPA）的区别

1). 解析语法生成 AST。 2). 根据 AST 结果，完成 data 数据初始化。 3). 根据 AST 结果和 data 数据绑定情况，生成虚拟 DOM。 4). 将虚拟 DOM 生成真正的 DOM 插入到页面中，此时页面会被渲染。当我们绑定的数据进行更新的时候，又会产生以下这些过程： 5). 框架接收到数据变更的事件，根据数据生成新的虚拟 DOM 树。 6). 比较新旧两棵虚拟 DOM 树，得到差异。7). 把差异应用到真正的 DOM 树上，即根据差异来更新页面内容。 8). 注销实例，清空

nextTick 是典型的将底层 JavaScript 执行原理应用到具体案例中的示例，引入异步更新队列机制的原因∶如果是同步更新，则多次对一个或多个属性赋值，会频繁触发 UI/DOM的渲染，可以减少一些无用渲染。

router 对象是用于控制当前路由状态的方式。$route 对象是获取当前路由信息的方式。理解这些差异有助于在Vue应用中更加精确地控制路由行为，以及更好地管理组件的渲染和数据更新~

Vue Router 路由有三种模式：hash 模式、history 模式和 abstract 模式。⼀般情况下，我们建议使用 history 模式，因为它对 SEO 更加友好、URL 更加规范，并且随着 HTML5 技术的普及，浏览器兼容性也不再是问题。但是在特定场景下，如需要⽀持 IE9 及以下浏览器，或者不方便进行服务端配置时，可以选择使用 hash 模式。而 abstract 模式则适⽤于⼀些特殊的场景，如⾮浏览器环境下的应⽤程序或者只需要使⽤编程式导航的情况。忙里抽空更新一下~

Vue 中 computed 和 watch 区别？分别适⽤于什么场景

你有注意吗？写代码的时候，为什么css放在头部、js放在尾部？首先我们要明确一个知识点：href和src的区别:一般加载CSS用href,并放在头部；加载script用src，放在body内的下方。href是hypertext reference的缩写，表示超文本引用，用来建立当前元素和文档间的链接。常用的有link，a。当CSS使用href引用，浏览器会识别该文档问CSS，并行下载，不会停止对当前文档的加载。src是source的缩写，是资源，页面必不可少的一部分，src指向的内容会嵌入到

CSS隐藏元素的几种方法如何让一个div垂直居中