hashHistory是Vue Router中的一種路由模式,它使用URL中的#號來表示路由地址的變化,即URL中類似如下的內容:
&https://example.com/#/home &https://example.com/#/about &https://example.com/#/contact
對于hashHistory模式,Vue Router使用了瀏覽器的hashchange事件來監聽URL的變化,并根據URL中的#號后面的路徑來匹配相應的路由。下面是使用hashHistory模式的示例:
import Vue from 'vue' import VueRouter from 'vue-router' import Home from './components/Home.vue' import About from './components/About.vue' import Contact from './components/Contact.vue' Vue.use(VueRouter) const router = new VueRouter({ mode: 'hash', routes: [ { path: '/home', component: Home }, { path: '/about', component: About }, { path: '/contact', component: Contact } ] })
在上述示例中,我們使用了Vue Router中的mode選項來設置路由模式為hash。同時,我們定義了三個路由,在URL中分別對應著/home、/about和/contact。當我們訪問URL中的任意路徑時,Vue Router會根據該路徑在路由表中匹配對應的組件,并將該組件渲染到對應的
除了mode選項,Vue Router還有一些其他的全局配置項可以用于控制路由的行為,例如base、linkExactActiveClass等。如果你希望了解更多關于Vue Router的內容,可以閱讀Vue官方文檔中關于路由的章節。
上一篇jsp中自定義vue組件
下一篇b935. json