宣言ハンドルと入力ハンドル|条件文|繰り返し文

2966 ワード

1.宣言レンダリングと入力ハンドル

プロジェクトのインポートとインストール

既存のプロジェクトのインストールに必要なパッケージ

npm install

単一ファイルコンポーネント

HTML(Vue)

JS(Vue)

CSS(SCSS)

반응성(Reactivity):データが更新され、画面も更新されます.

条件文

<div v-if="count > 4">
    4보다 큽니다!
</div>

v-ifのvをDirectiveと呼びます.

複文

<ul>
    <li
      v-for="fruit in fruits"
      :key="fruit"> 
      {{ fruit }}
    </li>
 </ul>

scoped:他の構成部品に影響しない(有効範囲)

<style scoped lang="scss">
// scoped : 다른 컴포넌트에는 영향을 미치지 않음(유효범위)
  h1 {
    color: red !important;
  }
</style>

この問題について(宣言ハンドルと入力ハンドル|条件文|繰り返し文), 我々は、より多くの情報をここで見つけました https://velog.io/@topgeun7913/Vue-선언적-핸들링과-입력핸들링-조건문-반복문

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol