Vue.jsは昨今よく使われるモダンなJavaScriptフレームワークの1つです。Node.jsで環境構築し、サイト全体をVue.jsベースで開発することもあります。しかし、フロントエンド開発に慣れていない方やデザイナーにはNode.jsでの環境は少し参入障壁が高いです。 実は、Vue.jsは<script>タグから読み込こめばNode.jsを用いずとも使えます。この方法ならばLP(ランディング・ページ)やWordPressサイトといったHTMLベースのサイトでもVue.jsを活用できるでしょう。本記事ではそのようなちょい足しVue.jsの活用例を、最新のVue Composition APIとESモジュールを使って紹介します。 Vue.jsをちょい足す HTMLに下記のようなコードを足すことで、Vue.jsを<div id="app">の要素内に導入できます。 <div id="app
![HTMLにちょい足しでできる! Vue.jsでサクッと動きをつける方法 - ICS MEDIA](https://cdn-ak-scissors.b.st-hatena.com/image/square/7b78a59b6819c1f4fb6db11a3e29aeded947e828/height=288;version=1;width=512/https%3A%2F%2Fics.media%2Fentry%2F210908%2Fimages%2Feyecatch.png)