打开src下的router下的index.js文件夹,在routes中添加配置。
path是访问路径。
name是路由的名字,在项目内部使用。
component是路由目标,也就是要展示的页面。
路由目标需要导入
讯享网
打开main.js,将router文件挂载到app上
讯享网
打开app.vue
RouterView标签是要显示的内容,也就是index.js中component指向的目标。
RouterLink标签类似a标签,用于操控RouterView中显示的内容
传递参数有两种方法,一是作为链接的一部分传递,二是通过链接后的参数传递。
讯享网
这样就有id和type两个变量了
在目标组件内使用变量:
讯享网
在目标组件中使用可以访问变量,其中params找的是网址的组成部分,query找的是?后跟的参数。

同上


讯享网
在这个例子中,当用户访问 路径时, 会被渲染到 中的 。
在这个例子中,当用户访问 路径时, 会被渲染到默认的 ,而 会被渲染到名为 的 。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/158176.html