02 2023 档案
摘要：生命周期钩子 每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤，比如设置好数据侦听，编译模板，挂载实例到 DOM，以及在数据改变时更新 DOM。在此过程中，它也会运行被称为生命周期钩子的函数，让开发者有机会在特定阶段运行自己的代码。 注册周期钩子 举例来说，mounted 钩子可以用来在组
阅读全文
摘要：插值表达式（以此引出指令）数据绑定最常见的形式就是 “Mustache”语法 (双大括号) 的文本插值，Mustache 标签将会被对应数据对象上属性的值替代。只要绑定的数据对象上属性发生了改变，插值处的内容都会更新。用过 vue 的盆友都清楚，message 是将数据解析成纯文本的，也就是说，就算
阅读全文
摘要：基本示例# 计算属性允许我们声明性地计算衍生值。然而在有些情况下，我们需要在状态变化时执行一些“副作用”：例如更改 DOM，或是根据异步操作的结果去修改另一处的状态。 在选项式 API 中，我们可以使用 watch 选项在每次响应式属性发生变化时触发一个函数。 js export default {
阅读全文
摘要：数据代理：通过一个对象代理对另一个对象中属性的操作（读/写） 下面我们通过一个简单的例子来了解什么是数据代理 let obj = {x:100}let obj2 = {y:200} Object.defineProperty(obj2,'x',{ get(){ return obj.x }, set
阅读全文
摘要：什么是数据双向绑定？ vue是一个mvvm框架，即数据双向绑定，即当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化。这也算是vue的精髓之处了。值得注意的是，我们所说的数据双向绑定，一定是对于UI控件来说的，非UI控件不会涉及到数据双向绑定。 单向数据绑定是使用状态
阅读全文
摘要：ECMAscript 6 原生提供了 Promise 对象。 Promise 对象代表了未来将要发生的事件，用来传递异步操作的消息。 Promise 对象有以下两个特点: 1、对象的状态不受外界影响。Promise 对象代表一个异步操作，有三种状态： pending: 初始状态，不是成功或失败状态。
阅读全文
摘要：迭代器和生成器 « 上一页 下一页 » 处理集合中的每个项是很常见的操作。JavaScript 提供了许多迭代集合的方法，从简单的 for 循环到 map() 和 filter()。迭代器和生成器将迭代的概念直接带入核心语言，并提供了一种机制来自定义 for...of 循环的行为。 若想了解更多详情
阅读全文
摘要：flex 布局的基本概念 Flexible Box 模型，通常被称为 flexbox，是一种一维的布局模型。它给 flexbox 的子元素之间提供了强大的空间分布和对齐能力。本文给出了 flexbox 的主要特性，更多的细节将在别的文档中探索。 我们说 flexbox 是一种一维的布局，是因为一个
阅读全文
