Vue（七）SPA单页面应用

（2）创建所有"页面"组件文件

a.项目中，有几个"页面"，就要创建几个页面组件文件；

b.所有页面组件都要集中放在一个名为views的文件夹中；

c.每个页面组件其实都是一个子组件；

d.在唯一完整的HTML页面顶部引入页面组件；

e.创建404页面组件，在唯一完整的HTML页面顶部引入，加入到路由字典中最后一项：

{ path:“*”, component:NotFound }

//其中“*”表示除正确输入之外的所有情况

（3）创建路由器对象

a.在唯一完整的HTML页面顶部引入vue-router.js（官方）；

b.创建路由器对象。先将路由器对象保存在router/index.js文件中；然后先创建路由字典，再创建路由器对象；

//创建路由器字典

var routes=[

{path:“/相对路径”, component:页面组件对象名},

…

]

//创建路由器对象

var router=new VueRouter({ routes })

c.引入到唯一完整的HTML页面中；