开始使用vue-router2.0,虽然也用了vux,用起来却发现一个问题……具体如下:
我一切正常的用脚手架跑了之后,然后修改源项目,首先在main.js入口里把该import进去的vuex,vue-router,vue-resource等等都启动好了,接着就是在对应的文件夹和文件里面堆代码了。
APP.vue里面我就只放了个 <router-view></router-view>,然后再把一级路由都配好后.
虽然看起来很正常,保存之后,node热更新的面板也没出什么问题。
当打开localhost页面后,却发现页面没出来,就只有app.vue里面的几个样式,但是控制台里却丢出来了两个错误。
主要看 TypeError: Cannot read property 'matched' of undefined 。
这个属性,我其实也没见过,但是页面出不来,node也没有报错,就只有浏览器控制台报错的话,一般问题都出在“路由”的上面。
第一先排除 版本的问题,因为我有检查,我用的是router2.0的,然后实例写法都是按2.0写的,后来我就去入口文件main.js里面找找。
原来这个Router必须与插件同名,本来我以为只是个别名而已,就随便写的,但后来真的是我以为就只是我以为的,当把Router改成router的时候,页面就出来了,报错也没了,不过,也要把上面对应的import Router 改过来,这个可能是这个插件的问题。
因为我对导进来的vuex文件的名称也是自己写的别名,然后放到根实例里面都没问题,只有这个router是不允许的,所以这个我目前也去查找相关rouer插件的资料。