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

差分

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

この比較画面へのリンク

--- vue:codesandboxで2クリックでvue開始 [2018/12/10] – [Vue.jsとfirebaseでチャットのリンク] adash333
+++ vue:codesandboxで2クリックでvue開始 [2020/11/20] (現在) – [CodeSandboxで初めてのVue.js] adash333
@@ 行 1: / 行 1: @@
 ===== CodeSandboxで2クリックでVue開始 =====
-[[https://codesandbox.io/|CodeSandbox]]とは、無料でVue.jsやAngularといったJavascriptのフレームワークを利用できるサイトで、2017年から公開されています。2018年現在、初心者が特に動的なWEBサイトを作成する際のツールとして、一番のお勧めです。
+[[vue:index.html|Vue.jsトップページ]]
+[[https://codesandbox.io/|CodeSandbox]]とは、無料でVue.jsやAngularといったJavascriptのフレームワークを利用できるサイトで、2017年から公開されています。2020年現在、初心者が特に動的なWEBサイトを作成する際のツールとして、一番のお勧めです。
 {{:vue:pasted:20181209-144356.png}}
@@ 行 7: / 行 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の使い方リンク =====
@@ 行 69: / 行 104: @@
 </html>
+===== リンク =====
+[[vue:index.html|Vue.jsトップページ]]

vue/codesandboxで2クリックでvue開始.1544445440.txt.gz · 最終更新: 2018/12/10 by adash333