摘要： 原理 Watcher原理是先把自己设置到全局唯一指定的位置（window.target），然后读取数据。因为读取了数据，所以会触发这个数据的getter。然后在getter中就会从全局唯一的那个位置读取真正读取数据的watcher，并把这个watcher收集到Dep中去。通过这样的方式，watche 阅读全文

摘要： 作用 主要是用来通过跳转或取消的方式守卫导航。 场景 使用同一个链接在不同条件下跳转到不同路由组件，例如未登录时跳转登录页面，登录后跳转个人信息页面等。 使用 用router.beforeEach注册一个全局前置守卫，在router中添加以下代码： router.beforeEach((to, fr 阅读全文

摘要： this.$store.commit('loginStatus', 1); this.$store.dispatch('isLogin', true); 规范的使用方式： // 以载荷形式store.commit('increment'，{ amount: 10 //这是额外的参数}) // 或者使 阅读全文

摘要： 一、概念 系统快照就是把系统某个状态下的各种数据记录在一个文件里，就如同人照相一样，相片显内示的是你那个时容间的一个状态。 系统快照就是系统的“照片”，虚拟机制作了系统快照后就不用启动虚拟系统了，直接恢复快照就行了，你制作快照的时候，系统什么状态，回复后就是什么状态，包括你打开的软件的状态。 阅读全文

摘要： 为什么选择 webpack 想要理解为什么要使用 webpack，我们先回顾下历史，在打包工具出现之前，我们是如何在 web 中使用 JavaScript 的。 在浏览器中运行 JavaScript 有两种方法。第一种方式，引用一些脚本来存放每个功能；此解决方案很难扩展，因为加载太多脚本会导致网络瓶 阅读全文

摘要： 一、概念 模块化编程中，将程序分解为功能离散的chunk，成为模块。 二、什么是webpack模块 webpack模块能够以各种方式表达它们的依赖关系。 三、支持的模块类型 通过 loader，webpack 可以支持以各种语言和预处理器语法编写的模块。loader 描述了 webpack 如何处理 阅读全文

摘要： 一、Event对象 Event对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 事件通常与函数结合使用，函数不会在事件发生之前被执行。 二、target事件属性 target 事件属性可返回的事件的目标节点（出发该事件的节点），如生成事件的元素、文档或窗口。 阅读全文

摘要： v-if vs v-show v-if 是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。 v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。 相比之下，v-show 就简单得多——不管初始条件是什 阅读全文

摘要： reverse() 方法用于颠倒数组中元素的顺序。//该方法会改变原来的数组，而不会创建新的数组。 join() 方法用于把数组中的所有元素放入一个字符串。//元素是通过指定的分隔符进行分隔的。默认逗号 split() 方法用于把一个字符串分割成字符串数组。 阅读全文

摘要： 对于任何复杂逻辑，都应当使用计算属性。 结果： Original message: "Hello" Computed reversed message: "olleH" Original message: "Hello" Computed reversed message: "olleH" 和方法相 阅读全文