美文网首页
vue注意点

vue注意点

作者: stutterr | 来源:发表于2017-12-01 20:14 被阅读98次

写在前面

本文主要记录一些在vue开发过程中的一些坑和注意点

1. vuejs 2.0 二维数组绑定无法绑定

当将二维数组绑定到元素后通过array[x][y] = 5的方式来改变值，元素绑定的数据不随着而改变。

原因 以及解决办法

  1. 建议转换为对象嵌套数组的，因为vue是利用Object.definedPrototy来监听数据变化的，但是数组没有key值并不适用于这个方法
  2. vue无法检测二维数组，可以采用整体重新赋值的思路
let oldArr = this.yourArr;
let newArr = oldArr.slice(0); //克隆数组
newArr[0] = newValue; //改变
this.yourArr = newArr; //整体重新赋值

相关文章

  • 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 不支持