Vue入门十一、路由的使用

一、vue-router使用

1、下载npm i vue-router -S
2、安装插件Vue.use(VueRouter)
3、创建路由对象
var router = new VueRouter()
4、配置路由规则
router.addRoutes([路由对象])
路由对象{path:'锚点', component:需要显示的组件}
5、将配置好的路由对象交给Vue
6、使用组件

成都创新互联网站建设由有经验的网站设计师、开发人员和项目经理组成的专业建站团队,负责网站视觉设计、用户体验优化、交互设计和前端开发等方面的工作,以确保网站外观精美、成都网站建设、做网站易于使用并且具有良好的响应性。

二、代码示例

方法一、




    
    Title




方法二、




    
    Title





当前题目:Vue入门十一、路由的使用
分享网址:http://csruizhi.cn/article/pipjjo.html

其他资讯

Copyright © 2007-2024 成都优众联杰科技有限公司 All Rights Reserved 蜀ICP备2024116266号
友情链接: 成都网站建设 企业网站设计 成都网站设计 成都网站建设 企业网站建设 定制网站建设多少钱 网站制作 网站建设方案 网站制作公司 重庆企业网站建设 成都响应式网站建设 定制网站设计 成都网站建设 高端网站建设 网站建设方案 品牌网站建设 成都网站建设 成都网站建设公司 成都网站设计 营销型网站建设 成都网站制作 成都网站设计