vue.jsとbladeテンプレートのコメントアウトの方法

vue.jsのコメントアウト

jsのコメントアウトは、”// コメント “,  “/** コメント */” の方法がある。

vueファイルの<script>タグ内も同様に使える。

<template>タグ内はhtmlと同様、<!– コメント –> が使える。

これは<template>タグの外でも使える。

コメントアウトタグで間違ったものを使用すれば、ビルドの時点でエラーが出る。

{{ }} これはテンプレート内ではプロパティ参照となるので、何もなければ消える。コメントアウトではない。

bladeテンプレートのコメントアウト

bladeテンプレートを使用する場合、

コメントアウトは,

{{– コメント –}}

となる。

“//コメント” これも使えるが、@を使った構文では、

@が動作してしまう。

この@が動作しないように、決められたコメントアウトをする必要がある。

他にも、/* コメント */ を使えばコメントアウトできる。

【楽天1位】ノートパソコンスタンド パソコンスタンド 折りたたみ式 ノート PCスタンド 改良版 アルミ合金製 ホルダー 高さ 角度調整可能 滑り止め 軽量 姿勢改善 Macbook/Macbook Air/Macbook Pro/iPad//タブレットなど9~17インチまでに対応

【8段階の角度調節】 Blanche PCスタンド ノートパソコンスタンド ノートpc スタンド ノートPCスタンド 収納ケース付き リモートワーク 在宅ワーク アルミニウム ノートパソコン タブレット スタンド 角度調節 ノートブック アルミスタンド