dzdesigned的专栏

动态渲染：最后，也是最重要的一步，Vue Router会告诉Vue：“嘿，URL变了，现在请把`<router-view>`这个占位符里面的内容，从之前的`Home.vue`切换成新的`About.vue`组件。原理：浏览器发现`#`后面的部分（hash）变化时，**不会向服务器发起请求**，但会触发`hashchange`事件。匹配组件：Vue Router根据新的URL，去检查你预先配置的路由表（`routes`数组），找出这个URL对应应该显示哪个Vue组件（比如`About.vue`）。

搜索并安装 **"Debugger for Chrome"**（已更名为 **"JavaScript Debugger"**）"url": "http://localhost:5500/index.html", // 本地服务器地址。"program": "${workspaceFolder}/app.js" // 你的JS文件路径。- 在 `Promise`/`async` 函数内部设置断点，支持 `await` 单步跟踪。"type": "node", // 调试类型。

在使用${} 占位符时，字符串用单引号' ' 和双引号" ",vscode 都不能把name 和 age 识别成变量，输出时，也是输出${name}和${age}，在使用 反单引号``时，${name} 和${age} 就自动识别为变量，输出时也是变量的值。来看VScode中显示 更为直观。