[Vue.js] 불고기통, 유당통, 파스카통 등

Vue의 상황을 어떻게 쓰느냐에 따라 뭐가 좋을지 고민이에요.나만?
그래서 총괄해 봤어요.

말하자면 ○○○○?(복습)

한마디로'유명, 변수명 등 명명 방법의 총칭'이다
기억해야 할 상황을 대충 설명하다.

불고기통

-로 문자와 문자의 구분을 나타내는 방법.연쇄 사례라고도 불린다.
고기 굽는 느낌 때문이래요.

this-case-is-god

유당통

대문자로 문자와 문자의 구분을 나타내는 방법.
자주 보는 녀석이야.낙타 가방이네.

thisCaseIsGod

파스카 상자

문자와 문자의 구분은 대문자로 + 로 시작하는 문자도 대문자로 표시한다.
이것도'상카멜 상자'라고 불려야 한다.
이것도 자주 봐요.

ThisCaseIsGod

어디에 어떤 상자를 써야 합니까?

기본적으로 아래의 방침에 따라 하면 된다

구성 요소는 파스카 상자

JavaScript에서 유당함

HTML에서 불고기 상자

나는 기술에서 망설이는 주요 예를 하나 들고 싶다.

구성 요소는 파스카 케이스입니다.

<template>
  <MyComponent></MyComponent>
</template>

그나저나 components로 지정할 때 파스카 상황이라면 불고기 상황이라고 기술할 수도 있어요.
불고기통으로 지정하면 불고기통에서만 이동할 수 있다.

<template>
  <MyComponent></MyComponent>     <!-- OK -->
  <my-component></my-component>   <!-- OK -->
  <MyComponent2></MyComponent2>   <!-- NG -->
  <my-component2></my-component2> <!-- OK -->
</template>

<script>
export default {
  components: {
    MyComponent,
    'my-component2': MyComponent2,
  }
}
</script>

props 속성은'불고기함'이고'유당함'이에요.

<template>
  <MyComponent :my-data="hoge"></MyComponent>
</template>

<script>
export default {
  props: ['myData'],
}
</script>

emit는 "고기통".

JavaScript에서 문자열로만 정의됨
사용자 정의 이벤트 이름으로 사용하기, 불고기 상자 사용하기 권장

<script>
export default {
  methods: {
    hogeFunc() {
      this.$emit('my-emit')
    }
  }
}
</script>

마지막

다 쓴 후에야 비로소 매우 이해하기 쉬운 보도가 있다는 것을 알아차렸다.
참고하도록 허락해 주세요.
https://qiita.com/ngron/items/ab2a17ae483c95a2f15e