Vue Hello World

最新推荐文章于 2023-09-26 21:21:19 发布

C++程序员Carea

最新推荐文章于 2023-09-26 21:21:19 发布

阅读量179

点赞数

本文链接：https://blog.csdn.net/calmreason/article/details/111195451

版权

Vue.js进阶教程专栏收录该内容

46 篇文章 15 订阅

订阅专栏

Vue.js进阶文章列表

最简单的Vue代码

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>
  <div id="app">
    <p>输入的内容是：{{ message }}</p>
    <input type="text" v-model="message" placeholder="请输入...."></input>
  </div>

  <script type="text/javascript">
    var app = new Vue({
      el: '#app', //vue会绑定到上面的<div id = 'app'> 这个HTML的元素上
      data: {
        message: 'Hello Vue!'
      },
      created() {},
      methods: {}
    })
  </script>
</body>

</html>

显示效果

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

C++程序员Carea

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Vue Hello World

最简单的Vue代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js" type="text/javascript" charset="utf-8"></script></head><body> <div id="
复制链接

扫一扫