记录一次诡异的vue.js失效！！！

最新推荐文章于 2024-04-26 14:24:54 发布

墨夏呀

最新推荐文章于 2024-04-26 14:24:54 发布

阅读量578

点赞数

文章标签： vue 前端

本文链接：https://blog.csdn.net/qq_42333543/article/details/103267396

版权

本文记录了一次诡异的Vue.js失效问题。开发者遇到在正常情况下不应出现的问题，即#app元素在页面中消失，导致Vue实例无法挂载。经过一系列尝试，包括调整JS代码位置、使用onload事件以及数据绑定，最终问题仍未解决。最后发现错误源在一个不显眼的位置，提醒读者在遇到此类问题时要全面检查代码。

摘要由CSDN通过智能技术生成

直接上代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>moxia123</title>
		<script type="text/javascript" src="./lib/vue.js" />

	</head>
	<body>
		<div id="demo">
			<div id="app">
				baidu:<input type="text" />
				{
   {
   search_key}}
			</div>
		</div>
	</body>
	<script type="text/javascript">
		var vm = new Vue({
   
			el:'#app',
			data:{
   
				search_key:'123'
			}
		})
	</script>


</html>

正常来说

最低0.47元/天解锁文章

墨夏呀

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
1
评论
记录一次诡异的vue.js失效！！！

直接上代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalab...
复制链接

扫一扫