关于vue的一些细节样例

1.监听对象数组属性变化：

使用双引号

 "formData.getAllData": {

      handler(val) {},

      deep: true,

      immediate:true

    }

2. 将对象（数组）中的每一个属性循环赋新值

      Object.keys(val).forEach((key) => {
        console.log(key)
        this.formModel[key] = val[key]
      })

 3.对象的某一个属性是数组，进行数据渲染的格式调整

数据格式样例：

{
    comment: "备注",
    create_time: "2312-09-07 18:05:11",
    creator: "a",
    game: [{label:"你好",value:1,},{label:"你好",value:1,},]
    id: 13
},

进行循环处理： 

//template里{{}}可以调用函数
{{gameLabel(data)}}

//method里
gameLabel(data) {
data.game.forEach((item) => {
        gameLabel.push(item.label)
      })
      return gameLabel
        .map((ele) => {
          return ele
        })
        .join("，")}

最后渲染出的数据是：你好，你好