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：在脚手架例子上修改