wl8511的博客

getters是store的计算属性，对state的加工，是派生出来的数据。所以，状态管理不是必需的，所有状态管理能做的，都能用其它方式实现，但是状态管理提供了统一管理的地方，操作方便，也更加明确。]),注意这里的三个点的含义是打散的意思，我们看看下面的这个例子，.mapState数据赋值给变量S,然后在控制台打印，发现是个键值对，key是组件state里面的对象key。在较大型的项目中，将有许多组件用到同一变量，比如，一个登录的状态，很多页面组件都需要这个信息。进行登录状态的统一管理就很方便。

​​​​​​​10.1什么是路由路由，本是一个网络工程术语，是指分组从源到目的地时，决定端到端路径的网络范围的进程。在Web前端单页面应用中，路由描述的是URL与UI之间的映射关系，这种映射是单向的，即URL变化引起UI更新（无需刷新页面）。VueRouter是Vue.js官方的路由管理器，它和Vue.js的核心深度集成，使构建单页面应用变得更加容易。10.1.1 SPA与前端路由SPA指的是一个web网站只有唯一的一个HTML页面，所有组件的展示与切换。

使用 onInvalidate 清理计时器，每次 count 变化时，watchEffect 会重新执行，在此之前 onInvalidate 会先清理掉之前的计时器，避免重复创建计时器导致内存泄漏。也就是说，父组件可以作为其所有子组件的依赖项提供程序，而不管组件层次结构有多深，父组件有一个。代理对象，顾名思义，在访问对象前增加一个中间层，通过中间层做一个中转，通过操作代理对象，实现目标对象的修改。方法，对响应性进行侦听。该方法立即执行传入的一个函数，同时响应式追踪其依赖，并在其依赖变更时重新运行该函数。

脚手架准备工作：验证指令是否存在：更换镜像：安装脚手架(全局安装，只需要安装一次)vue卸载：npm uninstall vue-cli -g（3.0以下版本卸载）npm uninstall -g @vue/cli（3.0以上版本卸载）vue安装：npm install -g @vue/cli （安装的是最新版）npm install -g vue-cli@2.9.6 （指定版本安装【指定版本为3.0以下版本】，其中2.9.6为版本号）

举个例子，A是B的父节点，B是C的父节点，A和B和C都有各自的点击事件，当点击C时，A和B和C的点击事件都会响应。默认情况下，input输入框中无论输入的是数字还是字符串，都会被当做字符串处理，但是当我们想处理的是数字类型的数据时，.number修饰符就能把数据类型改成number。如果仅删除一个元素，则返回一个元素的数组。方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。方法可向数组的末尾添加一个或多个元素，并返回新的长度。方法可向数组的开头添加一个或更多元素，并返回新的长度。

2.3 应用场景2.1计算属性computed当Vue模板的插值表达式过长或逻辑过于复杂时，表达式将变得臃肿甚至难以阅读和维护，例如：。这里的表达式包含3个操作方法，并不是很清晰，这时可以使用计算属性解决。2.1.1什么是计算属性在Vue实例的computed选项中，定义一些属性（可使用this引用），这些属性称作“计算属性所有的计算属性都是以方法（函数）的形式定义，但仅当作属性来使用。

anchored-heading :level="1" title="锚点1">Hello world111!<anchored-heading :level="2" title="锚点2">Hello world222!<anchored-heading :level="3" title="锚点3">Hello world333!<anchored-heading :level="4" title="锚点4">Hello world444!），用于向创建的节点对象设置属性值，在模板中使用。

1.1网站交互方式Web网站有单页应用程序（SPA）和多页应用程序（MPA）两种交互方式。多页应用程序，顾名思义是由多个页面组成的站点。在多页应用程序中，每个网页在每次收到相应的请求时都会重新加载。多页应用程序很大，由于不同页面的数量和层数，有时甚至可以认为很麻烦，我们可以在大多数电子商务网站上找到MPA的示例。多页应用程序以服务端为主导，前后端混合开发，例如：phpaspxjsp。技术堆栈包括HTMLCSSJavaScriptjQuery，有时还包括AJAX。