ホーム > 技術系 > vue.js

vue.jsのアーカイブ

Vue.jsについての解説

Vue.jsとは

Vue.jsとは、javasriptを使ってサイトを構築するときに役に立つフレームワークです。

もともと、javascriptでサイトを構築する場合には、jqueryが便利でよく使われていて、様々な表現をするのに定番となっていました。

しかし、サイト構築にjavascriputが使われるうち、より大規模に使用したり複雑な処理を行う場合、jqueryで行う場合に処理が遅かったり、または実装する際に複雑になったりする問題が起きてきました。

そこで、Jqueryに替わるjavascriptのフレームワークとして、angular.jsや、React.js、Vue.jsなどがよく使用されるようになってきました。

これらのフレームワークは、javascriptを使ってより複雑なサイトを構築したり表現をするのに有力な選択肢となります。

中でもVue.jsは、一番熱い?フレームワークとなっています。

Google Trendsで検索回数を調べてみても、Reactやangularよりもより多く検索されているようで、Githubでのスターの数も多いようです。

開発は、もともとGoogleでangular.jsを開発していた中国人の方がされているようです。

使い方

Vue.jsの読み込み

ヘッダに以下を記述でインストールできます。

読み込むスクリプトは、jqueryなどと同様に、 完全版やmin、runtime版など様々なビルドがあります。

軽量化したいのであれば、なるべく必要最小限のものを読み込んだほうが容量が少なくなります。

記述の仕方

通常のjavascriptであれば、まずは普通にhtmlを記述して、javascriptの処理をヘッダ内、あるいはヘッダ内で読み込む外部のjsファイルに記述します。

htmlはidやクラスでコーディングし、それをjsで操作するといったイメージです。

Vue.jsの場合は、Vue.jsの独特の記法でhtmlの関連する箇所を記述していきます。

また、javascirptも、Vue.jsの独特の記法があります。

まずは、使うにあたって、これらを覚える必要があります。

ただ、htmlはhtmlとして書いて、javascirptの処理は外部から読み込むと、この流れは同じです。

ただし、記法は独特です。

Vue.jsのサンプル

公式サイトで様々なVue.jsを使った実装のサンプルを見ることができます。

https://vuejsexamples.com/

ホーム > 技術系 > vue.js

フィード

ページの上部に戻る