vue组件

自定义事件不要写成驼峰命名 因为浏览器会全部解析成小写

this.$set( this.list, i,{content:this.list[i].content,flag:true})

• $set的三个参数 第一个参数是目标对象 this.list
• 第二个参数 是目标参数的索引
• 第三个参数 是具体要修改的内容

this.$emit('childchange',{value1:'子改父',value2:'爸爸',value3:'儿子'}) $emit传多个可以在后面加参数

第一种修改方法
this.list[i].content = 'xxxxxx'

第二种修改方法
this.list.splice(i,1,{content:'xxxxx'})
数组的方法splice三个参数的作用 
第一个是 索引从哪里开始
第二个是从当前的索引删除几个 
第三个参数是 添加的内容

props:['cmsg','list']简写的方式

全面的写法 有默认值的写法
props:{ 
  cmsg:{                                     
     type:String,                                
     default:'默认值'                               
 },                                          
   list:{                                      
        type:Array,                                 
      default:[{content:"xxxx"},{content:"xxxx"}] 
   }                                           
},

子改父的步骤

• ①使用Vue里面的$emit方法发送一个自定义事件childchange
• ②在组件上使用@childchange="ctrl" 绑定自定义事件 触发父组件的ctrl方法
• ③在父组件中的ctrl方法内把父组件的msg的值给改了