1、新建一个html 页面,在head标签里引入vue.js文件,然后进行数据的渲染。如图:
![[Vue warn]: Cannot find element: #app](https://exp-picture.cdn.bcebos.com/d4071b96b814f4d05eb84067cdfe474ec3832311.jpg)
2、保存html代码页面使用浏览器打开,这个时候会发现浏览器上没有显示渲染的数据,查看控制台发现控制台报 [Vue warn]: Cannot find element: #app 的错误。
![[Vue warn]: Cannot find element: #app](https://exp-picture.cdn.bcebos.com/3aae2b4f50b8b43e5d60dfff7132939c2df71911.jpg)
![[Vue warn]: Cannot find element: #app](https://exp-picture.cdn.bcebos.com/cf6d451b1edef4dca0859baa45ecd3d968750c11.jpg)
3、回到html代码页面,把head标签里的js移到body标签末尾。如图
![[Vue warn]: Cannot find element: #app](https://exp-picture.cdn.bcebos.com/58021a0148fe1e4256d78c64c2299a8838130311.jpg)
4、保存好html代码后刷新浏览器,这个时候可以看到浏览器上显示了hello world内容,同时控制台也没有报错。
![[Vue warn]: Cannot find element: #app](https://exp-picture.cdn.bcebos.com/e9a4f2eeadbcbe2f53cccead54dae43b3a867811.jpg)
时间:2024-10-11 19:56:28
1、新建一个html 页面,在head标签里引入vue.js文件,然后进行数据的渲染。如图:
2、保存html代码页面使用浏览器打开,这个时候会发现浏览器上没有显示渲染的数据,查看控制台发现控制台报 [Vue warn]: Cannot find element: #app 的错误。
3、回到html代码页面,把head标签里的js移到body标签末尾。如图
4、保存好html代码后刷新浏览器,这个时候可以看到浏览器上显示了hello world内容,同时控制台也没有报错。