Vue

syntax

v-bind:class="className" = :class="className"

v-on:click="addName" = @click"Addname"

:class="{ 'isLoading' : isLoading }" 선택적 css. 데이타가 아닌 표현식은 {}

// 계산된 속성 (=데이타처럼 취급)
computed: {
    incompleteTasks() {
        return this.tasks.filter(task => !task.completed );
    },
},

Vue.component는 vue instance 전에 나와야 함.

named slot 사용

<template slot="header">My Title</template>
<slot name="header"></slot>

Error Message

Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "selected"

props로 받은 상위 데이타는 직접 수정할수 없는. data()나 computed()속성을 이용해서 처리 할 것.