vue怎么运行

作者：惨美歌发布日期:2026-06-01 浏览:70

// 创建一个 Vue 实例
new Vue({
  // 指定挂载的元素
  el: '#app',
  // 数据对象
  data: {
    message: 'Hello Vue!'
  }
});

<!-- HTML 部分 -->
<div id="app">
  {{ message }}
</div>

解释说明：

Vue 实例：通过 new Vue({}) 创建一个新的 Vue 实例。
挂载元素：使用 el 属性指定 Vue 实例要挂载的 DOM 元素，这里指定了 #app，即 <div id="app">。
数据对象：data 是一个对象，包含了 Vue 实例的数据属性。在这个例子中，message 是一个字符串类型的属性，值为 'Hello Vue!'。
模板语法：在 HTML 中使用双大括号 {{ message }} 来显示 Vue 实例中的数据属性。

这样，当你打开页面时，<div id="app"> 内会显示 "Hello Vue!"。

上一篇：vue mqtt

下一篇：vue.prototype