ラッキーな日々

望んでも望んでも、叶わないから望み続ける

vue 共通

助けてモグラさん ビュージェーエスの森で迷子になったよ

投稿日:

Pocket

pwaを勉強していたはずが

サイトをpwa化しようと、PWAを勉強していたはずが、
いつのまにかVUE.js(ビュージェーエス)の森(というか砂漠)に迷い込んで
迷子になってしまったよん。

迷子になった道順は下に書いた通りなのだ。

  • サイトの表示が遅い
  • レンタルサーバーのプランアップはお金がかかる
  • AMP化すれば早くなるらしい
  • amp-htmlを調べ始めたが挫折
  • PWA化も早くなるみたい
  • service workerを知るのにjavascriptの知識が必要らしい
  • javascriptがよくわからない
  • javascriptを簡単に書けるようにしたい
  • vue.jsというのがあるらしい
  • VUE.js(ビュージェーエス)の森へ入る
  • 基礎から学ぶ Vue.jsという本を買ってしまう
  • 本の通り進んでいる内に日が暮れて真っ暗に
  • ワンちゃん、象さん、鶴さん、亀さんに助けながら進むも出口が見えない
  • サイト表示は遅いままで、いまは森の中

更に進んでみる。
教えてワンちゃん。もっと進むよ。

タグ 意味 よくわかるサイト。出典元。
v-ifとv-show v-show は、要素の表示/非表示する。
display:block/none してもらう感じ。
v-if は、要素の有無が変わる。
append したり、remove してもらう感じ。
(else ができる点も違うけど)
なので、CSSでfirst-childに適用したいと思ったとき、隠してくれるからと言って v-show を使っていると、非表示になったfirst-childに適用されたりする。
要素としてはそこにいて、表示/非表示したかったら v-show。
要素としてもようがないときはそこにいてほしくないときは v-if。Vue.jsには「ディレクティブ」という独自の属性があります。頭にv-が付くのが特徴です。
<div v-show=”age >= 20″>大人ですね</div>
【Vue.js】 v-if と v-show の違い

クモのようにコツコツと

v-on v-on ディレクティブを使うことで、DOM イベントの購読、イベント発火時の JavaScript の実行が可能になります。

<div id=”example-1″>
<button v-on:click=”counter += 1″>Add 1</button>
<p>The button above has been clicked {{ counter }} times.</p>
</div>
var example1 = new Vue({
el: ‘#example-1’,
data: {
counter: 0
}
})

イベントハンドリング
スポンサーリンク
スポンサーリンク

関連記事

ネズミさん インスタンスとオブジェクトって何が違うん

インスタンスとオブジェクトって何が違うん 教えてネズミさん。インスタンスとオブジェクトって何が違うん。 調べれば調べるほど分からないよ。 迷路 アリ地獄 どツボ 窮する 万策尽きる  策が尽きる  術 …

疲れたで

クリオネさん label for=”ID名”って何

label要素 フォーム部品とラベルを関連付けることができます。 <label for=”name1″>お名前:</label> <input type=”text” n …

Windows版 Node.jsってあるんか

俺のパソコンWindowsなんやけど どうすれば? どうすればいいんや。 Windows版 Node.js環境構築方法まとめ 出典 Windows版 Node.js環境構築方法まとめ https:// …

バッテリー上がり救援 自動車保険ロードサービス

バッテリー上がり救援 自動車保険ロードサービス Source:バッテリー上がり救援 自動車保険ロードサービス

調べよう

ありがとう

【プロフィール】
はじめまして EveryDayisaGoodDayです。日本語に直すと日々是好日となります。
個人事業者として在宅でホームページ制作と運用管理に取り組んでいます。
mail : gebabode@neko2.net
物忘れがひどいので、このブログは私的な備忘録です。
さっきやったことも忘れるのでブログ自体も迷走中。
迷走しすぎて仮想通貨やICO情報も発信中。

ペットのおうち

鍵開け 鍵修理 24時間 緊急対応
24時間対応鍵トラブル緊急サービスの全国展開おなじみのマルチ救急24岡山市鍵トラブル修理サービスホームページがリニューアル。

岡山市で、お住い 金庫 バイク 原付の鍵トラブルに緊急対応。

  • 鍵をなくしてドアが開けられない。
  • 鍵穴の不具合で鍵が回らない。
  • 鍵が折れた

鍵のトラブルでお困りならお気軽にお問合せ下さい。





現在ステージ2販売中のファウンテンコネクトですが、500万ドルに到達し、16%ボーナスゾーンに入りました。
次は700万ドル突破で20%ボーナスゾーンに突入です。

深夜の突然の水漏れやトイレのつまりに困ったことは、ありませんか?

全国24時間対応で水漏れ修理 トイレつまりに深夜でも緊急に出動してくれる水道修理サービスがあります。

水漏れ 排水つまりでお困りならこちらの安心の水道修理サービスをご利用してみてください。