Salt_NaCl的博客

计算属性（computed properties）是基于它们的依赖进行缓存的响应式属性。只有当相关依赖发生改变时，计算属性才会重新求值。

在Vue中，Vue Router是官方的路由管理器，它提供了多种路由模式来管理应用的路由。Hash模式是使用URL中的hash部分（即#后面的内容）来管理路由。例如：http://www.abc.com/#/vue，其中的#/vue就是hash值。History模式使用HTML5的History API（如pushState和replaceState）来管理路由。它通过修改URL的路径部分来实现路由的切换，而不再依赖于URL的hash部分。

在Vue中，Vue Router是官方的路由管理器，它提供了多种路由模式来管理应用的路由。Hash模式是使用URL中的hash部分（即#后面的内容）来管理路由。例如：http://www.abc.com/#/vue，其中的#/vue就是hash值。History模式使用HTML5的History API（如pushState和replaceState）来管理路由。它通过修改URL的路径部分来实现路由的切换，而不再依赖于URL的hash部分。例如：http://www.abc.com/vue。

vue现在使用率极高，但是由于经常基于公司项目或开源项目二开，以至于对创建vue项目记忆十分模糊，刚好此次有需要创建，于是在这里做一下记录。

项目场景：[Vue warn]: : v-model is not supported on this element type. If you are working with contenteditable, it’s recommended to wrap a or with the contenteditable attribute inside a custom component.

在 Vue 应用中，当我们在模板中使用 v-for指令来循环一个对象的属性时，必须确保该属性在数据对象中已经被正确定义和初始化。例如，如果你的模板试图循环 form.list，你需要在Vue 组件的 data 函数中提前定义 form 对象，并确保 list 是一个数组（即使是一个空数组）。在上面的例子中，如果 form 初始化为一个空对象 {}，而没有 list 属性，那么在模板中尝试使用 v-for=“item in。

在JavaScript的开发过程中，很多开发者可能会遇到一种令人困惑的现象：当你将一个对象直接赋值给另一个变量后，修改新变量的属性时，原对象的相应属性竟然也会被更改。这个陷阱源于JavaScript中对象的赋值机制，本文将对此进行详细的解释，并通过代码示例展示其原理。

JavaScript作为一门灵活且功能强大的编程语言，包含了许多可能让初学者或经验不足的开发者感到困惑的特性。以下例举一些