本文共 2283 字，大约阅读时间需要 7 分钟。

������������������������������������������������������������������������������������������������

���������������������������������

������������������������������������������������������������ Web ������������������������������������������������������������������������������������������������������������������������������������������������������������������ Vue.js ��������������������������� Vue ������������������������������������������������������������������������

������������

���������������������������������������������

������������������

npm install history

2. ������ Vue ������������������ Vue ������������������������

const vm = new Vue({  el: '#app',  History: History})

3. ���������������������������������������������������������������������������

// home ������������const home = {  template: '
     
      ������������
     
'}// tech ������������const tech = {  template: '
     
      ������������
     
'}

4. ��������������������� Vue ������������������������������������

const routes = {  '/': home,  '/tech': tech,  // ������������������}

5. ������������������������������ hashchange ������������������������������

window.addEventListener('hashchange', () => {  // ������������ URL ������������������  const currentPath = window.location.pathname  const routeComponent = routes[currentPath.replace('/','')]  vm.currentComponent = routeComponent})

������������

• ������������ ������ hash ���������������������������������������������������������
• ������������ ��� URL ������������������������������������������������������
• ������������ ���������������������������������������������������������������������������������

���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������