当前位置: 首页 > 知识库问答 >
问题:

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

方祺
2024-06-09

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

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

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

根据回答修改后

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

共有1个答案

朱经武
2024-06-09

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

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

 类似资料:
  • Python Data Analysis Library 或 pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。Pandas 纳入了大量库和一些标准的数据模型,提供了高效地操作大型数据集所需的工具。pandas提供了大量能使我们快速便捷地处理数据的函数和方法。官方教程是官方文档的教程页面上的教程。

  • 在某个时候,我导入了一个需要Android2.2的Android项目,所以我使用Android SDK管理器(V.21)安装了该项目。从那时起,使用Eclipse就需要花费很长时间。首先,它会在右下方的状态消息中打印如下内容: Android SDK内容加载器:(0%) 这需要两分钟左右。具体的消息是“check projects”,当它这样做时,所有的Android项目都以红色突出显示,因为没有

  • 问题内容: 我有一个v3的撰写文件,其中有3个服务共享/使用相同的卷。在使用群模式时,我们需要创建额外的容器和卷来管理整个集群中的服务。 我打算使用NFS服务器,以便单个NFS共享将直接安装在群集内的所有主机上。 我发现以下两种实现方法,但是它需要在Docker主机上执行额外的步骤- 在主机上使用“ fstab”或“ mount”命令挂载NFS共享,然后将其用作Docker服务的主机卷。 使用Ne

  • 问题内容: 在数据完成加载之前,如何使AngularJS显示加载微调框? 如果我的控制器是静态设置的,并且填充了AJAX加载器,我希望微调器显示直到AJAX加载完成,然后使用检索到的数据填充绑定范围。 此代码立即填充绑定范围,并且如果为空,则微调框将被替换为空。 我应该如何干净地做这件事? 问题答案: 我会根据其他答案创建一个自定义指令,但是这是没有指令的情况下如何实现的,这可能是在进入更复杂的功

  • 问题内容: 我在Angularjs中遇到问题,在我的数据从服务器返回之前,HTML出现了闪烁。 这是演示该问题的视频:http: //youtu.be/husTG3dMFOM-注意#| 和右边的灰色区域。 我尝试了ngCloak,但没有成功(尽管ngCloak确实阻止了括号未如期出现),并且想知道隐藏内容的最佳方法,直到Angular填充HTML。 我在控制器中使用了以下代码: …但是我一次又一次

  • 这是我的主要活动代码: 这是我的Display Message活动的代码 而这正是Logcat所说的错误之处 以下是Logcat现在所说的

  • 主要内容:阅读本教程前,您需要了解的知识:,第一个实例,Vue 3.0 实例,参考资料:Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。 Vue 只关注视图层, 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 Vue 学习起来非常简单,本教程基于 Vue 3.0.5 版本测试。 阅读本教程前,您需要了解的知识: HTML CSS JavaScript 本教程主要介绍了 Vue3.x

  • 问题内容: 我有一个.net Core Web Api,其配置文件位于名为Config的文件夹下。我从中创建了图像和一个容器,并且使用终端可以正确看到该容器中包含文件夹和配置文件。 我的问题是,到目前为止,按照要求,我找不到找到将相同的容器安装/绑定Config文件夹绑定到物理路径的容器的方法: 1)将Config文件夹挂载到特定的主机位置 2)在创建容器时,Config文件夹应填充映像中的文件