Vue 基础入门答案

【问题标题】：Vue basic startingVue 基础入门
【发布时间】：2025-08-23 06:00:01
【问题描述】：

我正在尝试学习 Vue，我刚开始在 mac 上安装它，用终端安装它，创建新文件夹，在 sublime 中打开它，这是我的代码，但是当我在浏览器中打开时，它仍然不起作用。为什么？我还需要安装更多东西吗？

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>vueboze</title>
  </head>
  <body>

  <input type="text" name="input">

<script src="https://unpkg.com/vue@2.4.2"></script>

    <div id="app"></div>
    <script src="/dist/build.js"></script>

  </body>


  <script>

    let data = {
        message: 'Hello World'
    };

    document.querySelector('#input').value = data.message;  

</script>

</html>

【问题讨论】：

您的查询选择器正在寻找带有id="input" 的元素。你没有。此外，您在这里所做的一切实际上都不是在使用 Vue。

标签： vue.js vuejs2 vue-component vue-router vuex

【解决方案1】：

你只是忘记了标签“input”的属性“id”，

<input type="text" name="input" id="input">

你可以在https://www.w3schools.com/学习基础文档

【讨论】：

非常感谢，我知道我现在在做什么：)

【解决方案2】：

这里发生了几件事。您能否为您的问题创建一个 JSFiddle ？据我所知，您没有初始化 Vue.js 应用程序。除非它发生在 build.js 中。尽管如此，如果没有更多细节，很难提供帮助。你有错误吗？如果是这样，有什么错误，您在哪里看到的？

如果您有兴趣开始使用，我会说我已经创建了Vue.js training course。

【讨论】：