学习vue的时候,刚开始按照官网的例子敲写,却出现以下的问题:
问题:这是因为你的js在html页面头部引入的原因,自定义js文件要最后引入,因为要先有元素id,vue才能获取相应的元素
正确的的代码:
<!DOCTYPE html>
<htmllang="en"xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
<metacharset="UTF-8">
<title>nihao</title>
</head>
<body>
<divid="app">
{{ message }}
</div>
<scriptsrc="vue.js"></script>
<script src="index.js"></script><!--这里自定js文件要在最后引入。-->
</body>
</html>
本文解决了一个Vue初学者常见的问题:由于JS文件引入位置不当导致Vue无法正确获取元素。文章提供了正确的HTML结构示例,说明了自定义JS文件应当放在页面底部的原因。

1万+

被折叠的 条评论
为什么被折叠?



