vue:codesandboxで2クリックでvue開始

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- vue:codesandboxで2クリックでvue開始 [2020/11/20] – [CodeSandboxで2クリックでVue開始] adash333
+++ vue:codesandboxで2クリックでvue開始 [2020/11/20] (現在) – [CodeSandboxで初めてのVue.js] adash333
@@ 行 9: / 行 9: @@
 CodeSandbox上から『deploy Now』をクリックすることにより、<wrap hi>パソコン上で、WEBブラウザのみで、無料で</wrap>Vue.jsやAngularで作成したWEBサイトを公開することができます。
+===== CodeSandboxで初めてのVue.js =====
+解説：https://jp.vuejs.org/v2/guide/index.html
+https://codesandbox.io/embed/github/vuejs/vuejs.org/tree/master/src/v2/examples/vue-20-hello-world?codemirror=1
+<code html>
+<DOCTYPE html>
+<html>
+<head>
+  <title>My first Vue app</title>
+  <script src="https://unpkg.com/vue"></script>
+</head>
+<body>
+  <div id="app">
+    {{ message }}
+  </div>
+  <script>
+    var app = new Vue({
+      el: '#app',
+      data: {
+        message: 'Hello Vue!'
+      }
+    })
+  </script>
+</body>
+</html>
+</code>
 ===== CodeSandboxの使い方リンク =====
@@ 行 71: / 行 104: @@
 </html>
+===== リンク =====
+[[vue:index.html|Vue.jsトップページ]]

vue/codesandboxで2クリックでvue開始.1605912768.txt.gz · 最終更新: 2020/11/20 by adash333