在使用vue框架时,如果要实现路由,可以使用vue-router,是路由管理器。那么,如何实现路由传参呢?
工具/原料
1
vue.js
2
vue-router
3
JavaScript
4
HTML5
5
HBuilderX
6
浏览器
7
截图工具
8
WPS
方法/步骤
1
双击打开HBuilderX开发工具,新建vue项目并进行安装相关依赖包
2
接着打开项目文件夹,鼠标右键选择Git Bash Here,输入安装vue-router命令
3
返回到HBuilderX工具,新建一个vue文件并输入文件名称Router.vue
4
打开项目中的main.js文件,导入vue-router,并调用Vue.use()
5
接着在App.vue文件中,定义Router和router,并配置路由参数值
6
保存代码并运行项目,打开浏览器查看界面效果,结果发现出现报错
7
返回到HBuilderX工具,修改代码并保存代码,然后查看界面效果,路径输入参数
总结
1、创建项目2、安装路由3、新建组件4、导入路由5、添加元素6、传入参数END
注意事项
1
注意在vue中如何实现路由传参
2
注意vue-router使用场景和使用方法