vue1.0配置路由
2024-09-09 03:54:42
1,//创建 router 实例
var
router =
new
VueRouter()
2,//components下新建home.vue组件,并在app.vue中引入模块:
import home from './components/home/home.vue';
3,//路由地址
router.map({
//路由规则
})
4,//启动一个启用了路由的应用
router.start(App,
'app'
)
5,Vue作用范围内设置路由跳转
<a v-link="{path:'/home'}"></a>
<router-view></router-view>//路由渲染出来的内容的位置
main.js文件如下:
路由嵌套:
1,新建Login.vue 和 Reg.vue
2,import引入
3,subroute设置
4,vue文件设置 <a a-link="{path:'地址'}"></a>设置路由跳转地址
.vue文件如下
main.js文件如下
最新文章
- 扩展easyUI tab控件,添加加载遮罩效果
- hdu 4039 2011成都赛区网络赛I ***
- java 获取项目绝对路径
- Html5 学习系列(六)Html5本地存储和本地数据库
- [ACM_水题] Yet Another Story of Rock-paper-scissors [超水 剪刀石头布]
- Asp.net 字符(二)
- PHP中cookie和Session
- linux中find命令的使用
- Redis学习手册(开篇)
- permission is only granted to system apps--Android manifest权限问题
- float和double数据类型的声明,转换和计算
- BZOJ 1037: [ZJOI2008]生日聚会Party( dp )
- C语言介绍
- ●BZOJ 2693 jzptab
- 网站用户身份识别俩大招之cookie
- 【转】 android5.1里面的user-app的默认权限设置!
- 为什么分布式数据库中不使用uuid作为主键?
- 【Alpha】Scrum Meeting 6
- [AGC027F]Grafting
- notepad++配置编译运行java
热门文章
- [经验共享]&#160;MapGIS实用小功能图解——由excel文件导成MapGIS点文件
- 淘宝客订单api处理优化
- sitecore 8.2 item属性查询
- 激光三角法点云重建分享——halcon 方法
- 执行python解释器的两种方式
- class类 __repr__ 与__str__
- Oarcle之group by关键字与having关键字
- mysql恢复备份数据时,部分表数据丢失的问题
- C/C++中数据的存储
- 深入理解泛型之JAVA泛型的继承和实现、泛型擦除