按照Vue 3 官方教程在挂载容器内直接写HTML,但拿不到给的数据?

Vue 3 深度指南->基础->创建一个应用
Vue 3 深度指南->基础->创建一个应用

启动后的页面显示
应该显示为0才对?

项目结构如图
按照官网来的,小熊摊手.JPG

根据回答修改后

但是button在一闪后就在页面中消失了,页面一片空白

阅读 1.1k
2 个回答
  1. vue 代码需要在dom挂载之后挂载,否则js运行时会获取不到 #app 。你之前把 js 挂载在了 #app 中会导致 js 运行后替换 dom, js 代码被卸载
    image.png
  2. 你直接在浏览器使用而不经过 webpack 或 vite 编译的话,需要指定 vue 的 dist 版本。 cjs 或 esm 应该都可以
    image.png

你的 html 里没有引用这个 JS。

在 index.html </body> 前加一行 <script src="./src/main.js" type="module" />

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题