Vue路由,学习路径

vue----路由

一、创建路由标签Vue路由,学习路径(1.)路由标签,to代表示目标路由的链接,点击跳转展示相应的组件。

二、路由填充位
Vue路由,学习路径(1)、路由占位符,为要展示的路由组件占位。

三、创建组件
Vue路由,学习路径(1.)创建组件,根据要展示几个组件来创建个数。

四、创建路由实例对象
Vue路由,学习路径
(1.)创建路由实例对象,routes表示多个数组的集合,path为路由的链接,component:“展示的组件名”,为当前路由地址展示相应的组件名。
(2.)redirect,重定向。如当前访问的路由链接地址为/,则直接重定向到指定的页面。

五、把路由挂载到根实例中route
Vue路由,学习路径
(1.)router名字一样所以写一样就可以。router和methods并排