(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页面中;