vue路由器启动步骤的详细说明

1.在main.js中导入vue-router和组件

从“vue-router”导入VueRouter//导入vue-router，并将其命名为“vuerouterimport goods from”。/组件/货物/商品'；//从卖方进口组件。/组件/卖方/卖家'；2.设置组件的URL，通过该URL可以动态加载组件

const url=[{ path : '/goods '，component: goods}，{path:'/rating '，component: rating}，{path:' *，redirect : '/goods ' }//无效的路径集中在'/goods' /上定义一个常量来绑定URL和组件。3.配置vue路由器对象并挂载它

Const router=new VueRouter(//创建新的vue-router对象{ route:urls将组件映射到路由，})；New vue ({el:' # app '，router，//注册您的新vue-router对象render 3360h=h(app)})；4.配置连接出口，实现组件的动态加载

路由器视图/路由器视图//通过在模板中放置元素来确定vue路由器渲染组件的位置

现在，我们可以通过url动态加载我们的组件

5.在网页上安装连接门户

router-link to='/goods ' goods/router-link//本质上是一个a标记，并且to与跳转URL相关联

您可以通过单击产品和评论在本地刷新页面

步骤总结

1.在main.js 2中导入vue-router和用户定义的组件。通过常量定义url和组件之间的关联。3.创建vue-router对象并导入组件关系，然后注册。4.在模板中定义渲染的导出路由器-视图/路由器-视图和入口路由器-链接到=' '商品/路由器-链接官方起始文档：https://router.vuejs.org/zh/guide/#html

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。