[Vue.js] とにかく簡単に試してみたい

2019/12/05

[Vue.js] とにかく簡単に試してみたい

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX9yUV52WRN9-XEPzRIaB1g6slT3APlWliZBXv_tOJMM8WL0YtHyBioCAtZ8r-T_wb2DyhCFoPQHFn-OwIBdQu1mMs0ZX1W1EcPckob5VioW7GbhZ_yYVJaUl3z0oOrWjZHdcDQwVb6hA/s1600/vuejs.png" imageanchor="1" hidden><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX9yUV52WRN9-XEPzRIaB1g6slT3APlWliZBXv_tOJMM8WL0YtHyBioCAtZ8r-T_wb2DyhCFoPQHFn-OwIBdQu1mMs0ZX1W1EcPckob5VioW7GbhZ_yYVJaUl3z0oOrWjZHdcDQwVb6hA/s200/vuejs.png" width="200" height="200" data-original-width="400" data-original-height="400" /></a> 必要なのはテキストエディタとブラウザ、あとはインターネットに接続できれば OK です。   `npm` などのパッケージ管理ツールは使いません。    まずは新規にテキストファイルを作成し、以下を記述して保存します。  ``` <!DOCTYPE html><html><head>    <meta charset="utf-8">    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script></head><body>    <div id="app"></div>    <script>        new Vue({             el: '#app',             template: '<div>Hello World!</div>'         });     </script></body></html>```  保存したファイルをブラウザで開き、`Hello World!` と表示されれば OK です。  ここでは Vue.js を jsdelivr から読み込んでいますが、読み込む CDN サーバーやバージョンなどは必要に応じて変更してください。

テンプレートテスト

2019/12/05

[Vue.js] とにかく簡単に試してみたい

Translate

Popular Posts

Labels

Blog Archive