完整的html结构 路由（重要）

html-css016

完整的html结构 路由（重要）,第1张

配置子路由    【 不是用uniapp的tabbar 换成了固定的   更改上面路由实现切换不同页面的效果】

path 如果是空的话   就是默认路由

vue.js路由使用方法：vue1.0的方法

<html><a href="#" v-link="{path:'/login'}">登陆</a><router-view></router-view>//内容显示的<script>//1、准备一个根组件var App = Vue.extend()//2、准备组件var Login = Vue.extend({template:{<h3>登陆页面</h3>}})//3、准备路由

var router = new vueRouter()//4、关联组件和路径router.map({'login':{component:Login //组件名称}})//5、启动路由router.start(App,'#box')//6、默认跳转页面（不是必须）

router.redirect({'/':'login'})</script></html>

点选run->debug...

选中左树中的Remote Java Application，再点New。

选择你的项目，关键是要填和之前设置外部工具时相同的端口号，其它都不变。