Vue自己的第一个程序，纪念

lazybad

于 2020-05-09 18:00:19 发布

阅读量171

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue

本文链接：https://blog.youkuaiyun.com/lazybad/article/details/106025008

vue 专栏收录该内容

1 篇文章

订阅专栏

本篇博客介绍了一个简单的Vue.js应用实例——互动问候程序。通过输入姓名，页面会显示个性化的问候语。该程序使用了Vue.js的基本语法，如v-model指令和插值表达式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Vue.js初学

刚刚接触Vue.js,这是我的第一个程序纪念一下。

<!DOCTYPE html>
<html>
  <head>
    <meat charset="utf-8"/>
    <title>VUE 第一个程序</title>
  </head>
  <body>
    <div id = "app">
      <input type="text" v-model="name" placeholder="你的名字"/>
      <h1>你好,{{ name }}</h1>
    </div>
    <script src="https://unpkg.com/vue/dist/vue.min.js"></script>
    <script>
      var app=new Vue({
        el:'#app',
        data:{
          name:''
        }
      })
    </script>
  </body>
</html>