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開始 ===== | ===== CodeSandboxで2クリックでVue開始 ===== | ||
- | [[https:// | + | [[vue: |
+ | |||
+ | [[https:// | ||
{{: | {{: | ||
行 7: | 行 9: | ||
CodeSandbox上から『deploy Now』をクリックすることにより、< | CodeSandbox上から『deploy Now』をクリックすることにより、< | ||
+ | |||
+ | ===== CodeSandboxで初めてのVue.js ===== | ||
+ | |||
+ | 解説:https:// | ||
+ | |||
+ | https:// | ||
+ | |||
+ | <code html> | ||
+ | <DOCTYPE html> | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | <script src=" | ||
+ | </ | ||
+ | < | ||
+ | <div id=" | ||
+ | {{ message }} | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | var app = new Vue({ | ||
+ | el: '# | ||
+ | data: { | ||
+ | message: 'Hello Vue!' | ||
+ | } | ||
+ | }) | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | |||
+ | |||
===== CodeSandboxの使い方リンク ===== | ===== CodeSandboxの使い方リンク ===== | ||
行 60: | 行 95: | ||
https:// | https:// | ||
完成編 | 完成編 | ||
- | |||
- | |||
- | |||
https:// | https:// | ||
+ | 認証付きの簡易チャットを作る!(基礎から学ぶ Vue.js 書籍用サポートページ) | ||
+ | →素晴らしいサポートサイトです。今度、この本を購入して読んでみたいと思います。 | ||
+ | < | ||
+ | <iframe style=" | ||
+ | </ | ||
+ | ===== リンク ===== | ||
- | + | [[vue: | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
vue/codesandboxで2クリックでvue開始.txt · 最終更新: 2020/11/20 by adash333