22 Matching Annotations
  1. Sep 2022
    1. 应该注意的是,ref 数组并不保证与源数组相同的顺序

      如果是这样的话,那么怎么保证一一对应的呢?

    1. 我们也可以将多个复选框绑定到同一个数组或集合的值:

      JSON.stringify()对v-model的值进行了处理

    1. .exact 修饰符

      exact 中文(简体) 精确的 形容词 精确, 确切, 准确 动词 索取, 索, 罚金

    1. 计算函数中不应该这么做

      一边是响应式数据的派生值,一边又在修改响应式数据。大量的性能损耗。

    2. Vue 能够侦听响应式数组的变更方法

      vue3监听了响应式数组的变更方法,说白了,是对响应式数组的方法的监听,然后去改变响应式数组的数据。

    3. <template> 上的 v-for

      v-show是不可以用在template上的,因为要影响样式display,作用在template上是无效的。

    1. v-show 简单许多,元素无论初始条件如何,始终会被渲染

      所以,会渲染,触发组件的生命周期吗?

    2. 条件区块内的事件监听器和子组件都会被销毁与重建。

      会触发组件的创建和销毁,那么应该就可以触发组件的声明周期钩子。需要验证一下》》》

    1. $attrs.class

      其他的属性,可以通过$attrs来指定绑定的位置吗?

    2. <div :class="[{ active: isActive }, errorClass]"></div>

      如果绑定对象,属性为true的属性作为class类名; 如果绑定是数组,数组的每项是个字符串,是类名。

    1. 相比之下,方法调用总是会在重渲染发生时再次执行函数

      重渲染是指?

    2. 现在当你再运行 fullName.value = 'John Doe' 时,setter 会被调用而 firstName 和 lastName 会随之更新

      setter在赋值时生效

    1. 因为 Vue 的响应式系统是通过属性访问进行追踪的,因此我们必须始终保持对该响应式对象的相同引用

      vue的响应式是追踪的引用值下的属性。所以必须保证对该响应式数据的相同引用。不然就会导致响应式连接丢失。

    2. 响应式代理 vs. 原始对象

      这里要注意,内存中监听的是真正的数据,而不是变量本身,如果变量a指向别的对象,甚至是新的响应式对象,那么dom也不会更新,因为dom初始化时,监听是原本的a所指的响应式数据。该响应式数据被代理且用于dom

    3. 值得注意的是,reactive() 返回的是一个原始对象的 Proxy,它和原始对象是不相等的

      reactive方法处理后,返回的对象不再是原来的引用

    1. 强制绑定为 DOM property

      忘了dom的property和attribute是什么区别了

    1. 该库的 ES 模块版本

      这里的意思是:可以添加其他的ES模块库,但想使用vue的话,必须引入vue对应的ES模块库

    2. 通过 HTTP 提供服务

      这里的意思是:可以启动一个http服务器,这样就可以在html文件中,通过ES6来import 自己的js块代码。即:可以使用ES6的import和export了

    3. `<div>count is {{ count }}</div>`

      vscode中可以安装es6-string-html扩展来高亮js字符串模板

    4. 该版本的所有 API 都暴露在了全局变量 Vue 上

      引入特殊的版本,createApp在Vue对象上

  2. Aug 2022