vue-router使用及注意事项

官方文档地址:http://router.vuejs.org/zh-cn/essentials/getting-started.html


如下记录下学习中所犯的错误:

1.命名错误

原代码如下:


浏览器界面显示则是,切换3个tab,对应的内容没有显示出来:



修正之后,即将代码中的"routermaps"改成”routes“,就运行正常了,正常运行界面如下图所示:



2.两种方式创建实例

方法1:使用基础Vue构造器(官方文档:http://cn.vuejs.org/v2/api/#Vue-extend

示例代码如下所示:



方法2:在脚手架例子上修改





版权声明:本文为mmrsdym原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。