js 切换页面

// 切换到新的页面
window.location.href = 'https://www.example.com';

// 刷新当前页面
window.location.reload();

// 后退一页
window.history.back();

// 前进一步
window.history.forward();

// 在新窗口或标签页中打开链接
window.open('https://www.example.com', '_blank');

import { BrowserRouter as Router, Route, Link } from 'react-router-dom';

function App() {
  return (
    <Router>
      <div>
        <Link to="/">首页</Link>
        <Link to="/about">关于我们</Link>

        <Route path="/" exact component={Home} />
        <Route path="/about" component={About} />
      </div>
    </Router>
  );
}

function Home() {
  return <h2>首页</h2>;
}

function About() {
  return <h2>关于我们</h2>;
}

import { createRouter, createWebHistory } from 'vue-router';
import Home from './views/Home.vue';
import About from './views/About.vue';

const routes = [
  { path: '/', component: Home },
  { path: '/about', component: About },
];

const router = createRouter({
  history: createWebHistory(),
  routes,
});

const app = createApp(App);
app.use(router);
app.mount('#app');

fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => {
    // 更新页面内容
    document.getElementById('content').innerHTML = data.content;
  })
  .catch(error => console.error('Error:', error));