240328 Vue 해보기

오늘도 반복해서 Vue 해보기

오늘 날짜의 디렉토리 만들기

vue create mar28

 

해당 패키지로 이동해서 서버 실행, PowerShell 에선 잘 안되는 경우 있음

CMD 나 Git bash 에서 실행

cd mar28

npm run serve

 

Vue 의 if 문

<template>
  <div>
    <h1>vue test에요</h1>
    <h2>{{ arr }}</h2>
    <h2 v-if="true">if 문이 참이면 출력</h2>
    <h2 v-if="false">if 문이 거짓이면 출력하지 않음</h2>
    <h2 v-if="arr[4] == 60">arr 배열의 4번 index 값이 60 인가?</h2>
    <h2 v-else>if 문이 거짓이면 실행될 문장</h2>

    <h2 v-if="check">check 가 참이면 출력</h2>
    <h2 v-else>check 가 거짓이면 출력</h2>

    <div v-if="number < arr[0]">number 가 arr[0] 보다 작아요</div>
    <div v-else>number 가 arr[0] 보다 크거나 같아요</div>
  </div>
</template>

<script>
export default {
  name: "VueTest",
  data() {
    return {
      check: false,
      number: 5,
      arr: [10, 20, 30, 40, 50],
    };
  },
};
</script>

 

까지만 하고 나머지 시간은 프로젝트 ㅠ