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://bzwzjz.com/article/pipjjo.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站制作 app网站建设 成都网站建设 手机网站制作设计 高端定制网站设计 网站制作公司 营销型网站建设 高端网站建设 企业网站建设 成都网站建设 成都网站制作 成都品牌网站设计 成都网站建设 成都网站建设 温江网站设计 成都h5网站建设 成都网站制作 网站设计 商城网站建设 移动网站建设 网站制作 企业网站设计