1. vue导入组件问题

步骤
1.创建Vue文件，export 中写组件的名称
2.创建index.js文件 import当前创建的vue文件
3.
index.js中书写

import recog from './recog.vue'
const recogCom = {
   
    install: function(Vue) {
   
        Vue.component('recog', recog)

    }
}
export default recogCom;

4.在main.js中import index.js的组件，并使用vue.use 去加载组件，由于在index.js中有install方法，可用于同时注册多个组件，所以需要使用Vue.use去注册组件

2. vue组件通信问题

父组件向子组件传递数据方法：子组件给props数组增加属性,使用子组件的时候给绑定的属性传递父组件的数据

子组件
export default {
   
data(){
   
return{
   }
},
name:'son_compo',
props:['component']
}

父组件

export default {
   
data(){
   
return{
   
	msg:'msg from fa_compo'
}
},
name:'fa_compo',
components:[
{
   'son_compo',son_compo}
]
}

父组件中使用子组件
<father>
	<son_compo :component='msg'>
	
	</son_compo>
</father>

3. 使用了v-for 的组件进行删除出现每次删除都是最后一个的问题

原因： :key 绑定的数据是index，删除数据后，index会重新赋值，index只有最后一个会被删除，其他的都保持从0到length-1递增
解决方法： 不使用index进行绑定，采用唯一的数据，如数据中的id

4. 多次调用函数而传递参数相同导致多次保存或者修改的数据相同的问题

由于需要多次复制一个组件的对象数据，将该通过参数传入函数进行操作的时候，操作的数据都是同一个(因为传的是引用)

解决方法:
深度拷贝：(其中一种)
JSON.parse(JSON.parse(AIFuncInfo));
适用场景：被拷贝数据遵从json格式