大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

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://dzwzjz.com/article/pipjjo.html
在线咨询
服务热线
服务热线:028-86922220
TOP