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

最新推荐文章于 2024-10-22 14:45:30 发布

原创最新推荐文章于 2024-10-22 14:45:30 发布 · 182 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue

vue 专栏收录该内容

1 篇文章

订阅专栏

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

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>