1. 不要用关键字或保留字作为创建的组件名称, 会与html元素冲突，大小写都会报错，如下图
而造成上述报错的原因是像下图一样创建了.vue组件
如下图这样都可以，关键是和html元素区分开来
2. 如果出下图报错，一般为2个原因，import引入路径不正确或不存在，或缺少了某个包，可以npm install 试一下
比如下图import引入componentValueTransfer 组件的路径中已经不存在parent-son-brother这部分路径，
正确路径是用componentValueTransfer代替
3. 使用v-for 遍历数组时，尽量不要在根目录上使用v-for指令
eslint会有错误提示，The template root disallows 'v-for’ directives
应该在外层嵌套一个div
但为何上图 eslint还是有错误提示，因为没有加key，vue中加key能提升渲染性能和效率
现在外层div和key都加了，为何eslint依然提示有错误，
因为同一个元素中，v-if 和 v-for 指令不能同时使用，v-for 的优先级高于 v-if，
这样会导致每循环一次之后在判断，而不是先判断在循环，影响性能
有需要的朋友可以领取支付宝到店红包，能省一点是一点
