Vue.js

作成日：2019-04-07
最終更新日：

Vue とは

Vue は JavaScript のフレームワークであるが、View 機能に絞り込んでいるのが特徴である。 Vue 単独では Web アプリケーションでのユーザーインターフェイスの構築に使われる。 Vue と合わせて使われるアプリケーションが多くあり、組み合わせて使うのに優れている。

サンプル

Vue.js 入門 p.74 を参考に、楽器屋の購買サイトを作ってみた。税抜きの総額が 10,000 円以下の場合のみお買い上げができるアプリを組んでみた。参考にした本は「一定額以上でないと買えない」とあったのを逆にしてみた。むかしテレビで見ていた「がっちり買いまショウ」のもじりである。私が変更したところがほとんどないのが残念だ。

{{ item.name }}の個数：

{{ item.name }}: {{ item.price }} x {{ item.quantity }} = {{ item.price * item.quantity | numberWithDelimiter }}円

小計: {{ totalPrice | numberWithDelimiter }}円

合計(税込): {{ totalPriceWithTax | numberWithDelimiter }}円

{{ 10000 | numberWithDelimiter }}円以下の場合のみご購入いただけます

まりんきょ学問所＞ JavaScript 手習い＞ Vue.js