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 | ||
---|---|---|---|
行 1: | 行 1: | ||
===== CodeSandboxで2クリックでVue開始 ===== | ===== CodeSandboxで2クリックでVue開始 ===== | ||
- | [[vue: | + | [[vue: |
- | [[https:// | + | [[https:// |
{{: | {{: | ||
行 9: | 行 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の使い方リンク ===== | ||
行 71: | 行 104: | ||
</ | </ | ||
+ | ===== リンク ===== | ||
+ | [[vue: | ||
vue/codesandboxで2クリックでvue開始.1605912659.txt.gz · 最終更新: 2020/11/20 by adash333