2020-09-18发表2023-03-11更新几秒读完 (大约91个字)

vue上手体验

这是一篇极短的上手文章，因为在我第一次使用还没跑起来

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <title>Hello JavaScript</title>
    <script src="vue.js"></script>
    <style type="text/css"></style>
  </head>
  <body>
    <div id="app">{{ message }}</div>
    <script>
      var app = new Vue({
        el: "#app",
        data: {
          message: "Hello Vue!",
        },
      });
    </script>
  </body>
</html>

其中
<script src="vue.js"></script>
是我将 vue.js 下载到了本地与 html 的同级目录，根据官网还能写成
<script src="https://cn.vuejs.org/js/vue.js"></script>

注意

<script>
  var app = new Vue({
    el: "#app",
    data: {
      message: "Hello Vue!",
    },
  });
</script>

需要放在元素下面

vue上手体验

http://blog.nightmare.press/2020/09/18/vue上手体验/

作者

梦魇兽

发布于

2020-09-18

更新于

2023-03-11

许可协议

支付宝

微信

vue上手体验

作者

发布于

更新于

许可协议

喜欢这篇文章？打赏一下作者吧

评论

链接

分类

归档

标签

最新文章