vue路由 vue-router
来源:互联网 发布:淘宝打折怎么设置 编辑:程序博客网 时间:2024/06/03 02:26
vue路由
vue的路由使用单独的模块vue-router来实现,它依赖vue,所有在引入文件是将它放在vue文件的下面。使用:在使用路由的标签用一下形式替换:原始跳转:<a href="/index">首页</a>替换为:<router-link to="/index">首页</router-link>这样做还不行,还要在html要加载文档的位置加入一个占位的组件<router-view></router-view>,点击跳转之后,要加载的内容会在<router-view></router-view>的位置展现出来。vue对路由跳转的标签做了扩展,我们一般情况下都用a标签来做跳转,但是在vue里我们可以指定标签,如下:<router-link to="/index" tag=div>首页</router-link> 在js文件中配置路由 new Vue({ el:'#box', router:new VueRouter({ routes:[ {path:'/index',component:{template:'<h1>aaaaaaaaaaaaa</h1>'}} ] }) }) path:配置的路由路径 component:要加载的组件 template:组件的模板文件
阅读全文
0 0
- vue 路由vue-router
- vue路由 vue-router
- Vue 路由 vue-router
- vue-router: 嵌套路由
- vue-router 路由
- vue-router: 嵌套路由
- vue-router路由
- vue-router 路由
- 前端路由 -- vue-router
- vue-router -- 嵌套路由
- Vue 路由(router)
- vue-router命名路由
- vue-router路由
- vue-router嵌套路由
- vue-router: 路由传参
- vue-router: 路由传参
- vue-router 路由元信息
- vue2.0路由--vue-router
- 简单了解ES6的语法
- vue计算属性computed和methods的区别
- 解决eclipse的 Invalid project description. overlaps the location of another project: 问题
- vue定义组件
- ICP算法进行点云匹配
- vue路由 vue-router
- Docker容器使用问题:Failed to get D-Bus connection: Operation not permitted
- flex弹性盒子常用属性
- sass常用语法
- html之meta标签
- IS-IS DIS与伪节点
- opencv笔记——cvCreateImage函数说明
- angular指令中scope的绑定策略
- [BIT0429]-Java 接口(interface)详解一