Weex入门(5)路由

WEEX VUE-ROUTER

Weex版本

Weex入门(5)路由_第1张图片

Src路径结构

Weex入门(5)路由_第2张图片

entry.js内容

某些全局方法与全局类可以定义在此处, 如: import mixins from ‘./mixins’,在此js文件中可以处理公共方法:网络请求、时间格式等. 在其他Vue页面中可以直接调用

index.vue简介

index.vue为项目主入口,不可单独当一个页面处理,类似IOS开发中的AppDelegate。如下网易严选weex项目index.vue截屏。Router-view用于控制多页面问题,tab-bar为主架构结构,因此放在Index.vue中

Router-view多页面配置

所有的页面在router.js中进行配置,初次显示页面可以在router中使用redirect来重定向entry.js中最后一句router.push(‘/’)

Weex入门(5)路由_第3张图片

也可以直接修改entry.js中router.push方法

如:router.push('/studio') //指定一个路由入口,初始化显示的页面内容

Weex入门(5)路由_第4张图片

你可能感兴趣的:(Weex入门(5)路由)