示例需要跳转页面，故此出给出示例图。

点击左侧的香蕉，右侧会显示对应的view，地址栏会发生相应的变化。

项目如果采用单页模式（只有一个页面，其它内容都是使用view制作），可能会出现刷新页面时回到之前的页面，下面是解决方法的原理：

属性绑定视口元素的“data--url”属性，控制绑定变量的值，实现切换不同的视口，同时地址栏地址发生相应的变化，最终刷新时还会显示当前页面。

涉及知识点: 属性绑定 视口元素

1. 视口元素使用属性绑定，绑定参数：{"data--url":shikou}，shikou为变量名。

2. 在触发页面跳转的地方设置超链接，格式为：#?视口元素中属性绑定的变量名=视口地址，例如#?shikou=/v/caoyong1.html。