problem

这里是问题汇总

1.关于组件化问题：

报错内容:

did you register the component correctly? For recursive components, make sure to provide the "name" option.

翻译过来是：

您是否正确注册了组件？对于递归组件，请确保提供“name”选项

出现问题的原因：

所渲染的Vue实例不能在组件前面，若在前面创建实例，则无法读取到后面创建的组件。

即new Vue()==实例化Vue要放在后面==

此时问题解决，同时网上还会有引起类似报错的操作：

• 如果全局注册,组件名称问题:

  

  若是组件名称是大写,Vue会报错. 可以修改为下面两种:

  • 修改组件名称为小写,即mycomponent即可解决.

  • 如使用局部注册,则是components少写了个s:

2.注意string类型和number类型比较会出问题

for (let item of this.childstats) {
                        // console.log(item.id);
                        if (item.player === "1") {
                            this.newarr.splice(-1, 0, (item.id));

                        }
                        if (item.player === "2") {
                            this.newarr2.splice(-1, 0, parseInt(item.id));

                        }
                    }

比如上面的player1就是没有进行类型转换，所以结果就会出错

3.初始化网格不要通过父子传参的方式进行循环渲染：

因为这样渲染出来的网格是相当于创建了九个实例，每个实例都不相关，这样处理个锤子的数据（其实也不是不能干，还是跟之前一样，传到父组件，然后统一由父组件进行处理。。。）

所以要在子组件中提前通过循环渲染好。

4.

Vue：The template root requires exactly one element.的解决办法

这是因为vue的模版中只有能一个根节点，所以在<template>中插入第二个元素就会报错

解决方案：

将<template>中的元素用一个大的<div>包起来，这样就可以在其中添加多个元素了