当前位置
当前位置:万博体育手机版登录入口 > 万博体育手机版客户端 >

vue要点记录(待更新)

文章作者:admin 发布时间:2019-11-28 15:30

  除了 data 属性, Vue 实例暴露了一些有用的实例属性与方法。这些属性与方法都有前缀 $,以便与代理的 data 属性区分。

  使用在v-html里的{{}}绑定会变成下面的样子,不会编译,直接当做字符串:

  计算属性是基于它们的依赖进行缓存的。计算属性只有在它的相关依赖发生改变时才会重新求值。这就意味着只要 message 还没有发生改变,多次访问 reversedMessage 计算属性会立即返回之前的计算结果,而不必再次执行函数。

  在官方的示例中,使用 watch 选项允许我们执行异步操作(访问一个 API),限制我们执行该操作的频率,并在我们得到最终结果前,设置中间状态。

  对象迭代item in object,在遍历对象时,是按 Object.keys() 的结果遍历,但是不能保证它的结果在不同的javascript 引擎下是一致的。

  2.2.0+ 的版本里,当在组件中使用 v-for 时,key 现在是必须的。

  变异方法(mutation method),顾名思义,会改变被这些方法调用的原始数组。

  这些不会改变原始数组,但总是返回一个新数组。当使用非变异方法时,可以用新数组替换旧数组:

  Vue 并没有丢弃现有 DOM 并重新渲染整个列表。 Vue 实现了一些智能启发式方法来最大化 DOM 元素重用,所以用一个含有相同元素的数组去替换原来的数组是非常高效的操作。

  有时,我们想要显示一个数组的过滤或排序副本,而不实际改变或重置原始数据。在这种情况下,可以创建返回过滤或排序数组的计算属性。

  滑鼠按键修饰符也是2.1.0 新增,.left .right .middle,这些修饰符会限制处理程序监听特定的滑鼠按键。

  v-model 本质上不过是语法糖,它负责监听用户的输入事件以更新数据,并特别处理一些极端的例子。

  不加就是在input中输入或退格,对应的数据就跟着改变(input事件);

  加.lazy就是当输完后,input失去焦点时,对应数据进行改变(change事件)。

  HTML 内建的 input 类型有时不能满足你的需求。可以创建一个具有自定义行为可复用的 input 类型,这些 input 类型可以和 v-model 一起使用!