Router-link未被渲染成a标签?

完全复制的文档的代码,然而并不起作用

原来还是需要window.onload载入…………

我真傻。。。。。。哈哈

发现两个问题:

  1. 你的代码 在 Head 和 Body 里面引入了两次 Vue 和 Vue Router
  2. script 尽量放在 body 的最下端也就是 标签之前
1 Like

嗯嗯,好的,谢谢。新手没有太注意这些问题

浏览器加载过城中,静态资源,比如 HTML、CSS、图片,是多路同时加载的,因为它们彼此没有影响。但是通过 <script> 加载 JS 会阻塞整个加载进程,直到被加载的 JS 执行完。

所以实际上你的 JS 执行的时候,浏览器还没有加载到 <body> 里面的 HTML,所以就渲染不出来了。

1 Like

经过你这么解释,加上6h的回答,将script标签放在body最下端,和在js中使用load加载是起到了同样的作用。不知道是不是这样?

是,原理是相同的。$(function () {}) 也是类似原理。

我之前也注意到加载顺序问题,一开始本来是放下面的,后来又先想试试import方式,发现有问题就想着先按官方的来,就直接复制上去了,哎呀,烦我好一会