在使用vue过程中遇到的一些有些奇怪的问题

在使用vue的过程中，由于自己是个新手，都是一边摸索一边做项目，难免遇到些奇怪的问题，此贴用于保留自己遇到的奇怪的问题和解决方案。

明明定义了的数据，为什么获取的时候报错

首先我们来看此报错信息：

按照这个报错信息来理解，是我的一个’length’属性未定义。看一下我本地json是怎么写的。

可以清晰明了的看到我的length是已经写好了的，最后一个红框圈错位置了（有点尴尬）。
再来看我们在vue文件中是怎么调用数据的。
js:

html:

其他内容都显示无误，name,level，region都可以显示，就是这个concern和fans中的length和list能显示，但是会有刚刚看到的那个undefin报错。这个问题有点别致啊。思来想去，是不是因为我在挂载这个数据的时候出了问题，其他数据都能显示。
于是在网上找到一个方法（增添一个userInfo.concern&&），能解决此问题，但是自己还是不太理解为什么。修改之后代码如下：

此时代码运行完全没有报错（手动吃惊）。如果有小伙伴知道为什么，我们可以一起交流一下。

关于在vue里面怎么监听input点击事件。

关于input点击事件的监听，尤其是对于单选框和多选框而言，在需要监听多选框选中个数的时候常常用到。我们在js里面常用的是onchange()事件。但是在vue中，总觉得onchange事件略有一点笨拙。
所以我们找到了vue里面的解决方案@input，@input是用于监听input事件。
后查询得知，原来input有一个oninput属性，作用等同于onchange。是html5的新属性。好的，我理解了为什么vue会有@input这个命令了。

vue报错

Cannot read property ‘$createElement’ of undefined

发生此报错的原因主要在使用路由的时候，中to对应的路由配置出错。将components修改为compnent就可以了。