// index.js import { createRouter, createWebHashHistory } from 'vue-router' import HomeView from '../views/HomeView.vue' const routes = [  {  path: '/',  name: 'home',  component: HomeView  },  {  path: '/about',  name: 'about',  component: () => import('../views/AboutView.vue')  } ] const router = createRouter({ history: createWebHashHistory(), routes }) export default router // main.js import { createApp } from 'vue' import App from './App.vue' import './registerServiceWorker' import router from './router' createApp(App).use(router).mount('#app') <!-- App.vue --> <template>  <div id="app">    <router-link to="/">Home</router-link> |    <router-link to="/about">About</router-link>    <router-view></router-view>  </div> </template> <script> export default {  name: 'App', } </script> <style> #app {  font-family: Avenir, Helvetica, Arial, sans-serif;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  text-align: center;  color: #2c3e50;  margin-top: 60px; } </style> <!-- AboutView.vue --> <template>    <h3>go to about view</h3> </template> <!-- HomeView.vue --> <template>    <h3>Home View</h3> </template> 这是我完整代码

<template>  <router-link to="/">Home</router-link> |  <router-link to="/about">About</router-link>  <router-view></router-view> </template> <script> export default {  name: 'App', } </script> <style> #app {  font-family: Avenir, Helvetica, Arial, sans-serif;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  text-align: center;  color: #2c3e50;  margin-top: 60px; } </style> 不显示路由视图

路由视图不显示，是版本的问题吗

只有两个按钮，点击跳转的话，路由会改变，但是对应的页面却没有显示

有这个问题可以试试把package.json里面的包和包的版本和下面的一致

可能就是包与包之间的问题或包版本的问题 

我也是这个情况 重新安装了一下包就好了

"vue-router": "^4.5.0"   // 主要就是这个

{

  "name": "vue-demo",

  "version": "0.1.0",

  "private": true,

  "scripts": {

    "serve": "vue-cli-service serve",

    "build": "vue-cli-service build"

  },

  "dependencies": {

    "core-js": "^3.8.3",

    "register-service-worker": "^1.7.2",

    "vue": "^3.2.13",

    "vue-router": "^4.5.0"

  },

  "devDependencies": {

    "@vue/cli-plugin-babel": "~5.0.0",

    "@vue/cli-plugin-pwa": "~5.0.0",

    "@vue/cli-service": "~5.0.0"

  }

}

npm : 无法加载文件 D:\Node\npm.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参

阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。

所在位置 行:1 字符: 1

+ npm install --save-dev @babel/core

+ ~~~

    + CategoryInfo          : SecurityError: (:) []，PSSecurityException

    + FullyQualifiedErrorId : UnauthorizedAccess

解决办法

方法一：使用命令提示符（CMD）

1. 打开命令提示符（按Win + R，输入cmd，回车）。

2. 切换到项目目录：

   cmd

3. cd D:\Web_code\ES6新特性\04_Babel转码器

4. 运行npm命令：

   cmd

5. npm install --save-dev @babel/core

方法二：修改PowerShell执行策略（需要管理员权限）

1. 以管理员身份打开PowerShell：

• 在开始菜单搜索“PowerShell”，右键选择“以管理员身份运行”。

2. 更改执行策略：

   powershell

3. Set-ExecutionPolicy RemoteSigned

• 出现提示时输入Y确认更改。

4. 关闭PowerShell，重新打开后运行命令：

   powershell

5. npm install --save-dev @babel/core

每创建一个新项目就得安装一次嘛？

template中写了

</router-view>，为什么在网页中没有显示呢，而且无法跳转到对应的页面

和老师的代码一样 为什么只有两个按钮，点击跳转的话，路由会改变，但是对应的页面却没有显示

找不到

老师这是什么情况？

为啥呢

"async函数可以将异步操作变为同步操作" 这句话我无法理解呢

老师,python中的async是把一个普通的函数声明为异步函数,为什么JavaScript中正好反过来了?是我对python的async理解有误吗

老师这是为什么