记Vue.js遍历与Json元素的添加与删除---一个健忘的菜鸟

1.当后台返回数据结构为

data:[

        {

            "A": "123",

             "B": "456"

        },

        {

            "A": "123",

             "B": "456"

           },

],

在methods方法中获取时

for (var i =0; i < data.length; i++) {

Array.push(result.data.data[i])

}

html遍历

<div  v-for="item in Array"> {{ item.A }} </div>  可得到A的值

2.html遍历 json 时 用<div  v-for="(val, key) in Obj">{{ key }} </div>  v在前，k在后

遍历 数组时 用 <div  v-for=" item in Arr"> {{ item }} </div>、

3.往 json 中插入元素，如<input  type="text" id="insert" /> ，把 input 输入框的值添加到 Object 中

var  demo = $("#insert").val();   Object[demo] = " "；

Object {

"A": "123",

"B": "456"

        },   要删除A元素，  delete  Object.A