美文网首页
VUE注意点

VUE注意点

作者: 丨断了的弦丨 | 来源:发表于2018-02-28 12:59 被阅读0次
  1. Vue.js 为 v-on 提供了事件修饰符
  • .stop
  • .prevent
  • .capture
  • .self
  • .once
  1. v-for in of 间隔
  2. v-for 数组中若是基本类型,参数为(val,index);若是对象,则为(val,key,index).
  3. 使用索引修改数组时,应该使用
    // Vue.set
    Vue.set(example1.items, indexOfItem, newValue)
    或者
    // Array.prototype.splice
    example1.items.splice(indexOfItem, 1, newValue)
  4. 对象更改检测
    Vue.set(object, key, value)
    或者
    vm.$set(vm.userProfile, 'age', 27) (它只是全局 Vue.set 的别名)
    ps:有时你可能需要为已有对象赋予多个新属性,比如使用 Object.assign() 或 _.extend()。在这种情况下,你应该用两个对象的属性创建一个新的对象
    vm.userProfile = Object.assign({}, vm.userProfile, {
    age: 27,
    favoriteColor: 'Vue Green'
    })
  5. 当它们处于同一节点,v-for 的优先级比 v-if 更高,这意味着 v-if 将分别重复运行于每个 v-for 循环中。

相关文章

  • VUE注意点

    Vue.js 为 v-on 提供了事件修饰符 .stop .prevent .capture .self .onc...

  • vue注意点

    写在前面 本文主要记录一些在vue开发过程中的一些坑和注意点 1. vuejs 2.0 二维数组绑定无法绑定 当...

  • Vue注意点

    html用双引号,js用单引号,如果是嵌套的话就混合使用 render函数是渲染一个视图,然后提供给el挂载,如果...

  • Vue注意点、技巧点

    1. 技巧点 1.1 字符串拼接的高级方式,ES6 使用tab上面的反引号加上${表达式},如: 2. js的方法...

  • Vue.extend()

    官方例子: 注意点: Vue.extend()必须要new出来(实例)let Constructor = Vue....

  • Vue(模块注意点)

    定义模块的时候,有导出项的情况如果有导出项,只需要把导出项通过return语句进行返回即可 引用模块的时候,如果模...

  • vue2.0注意点

    ajax 这个参数前的params竟然是必须的,,, jsonp标准基本格式 this.$http.jsonp(...

  • VUE相关注意点

    v-show 不支持