Vue, $가 무슨 뜻이지?

Vue, $가 무슨 뜻이지?

저는 Vue.js를 배우고 있는데, 이 Vue.js가 어떤 역할을 하는지 잘 모르겠어요.$기호는 그렇다.저는 Laravel을 사용하고 있습니다.즉, Vue-CLI를 사용하지 않습니다.Vue 설명서에 가면 많은 문서에는 다음과 같은 내용이 포함되어 있지 않습니다.$.

예를 들어 Programmatic Navigation 섹션에는 다음과 같이 표시됩니다.router.push({ path: '/posts' })하지만 내 코드로 했을 때는this.$router.push({ path: '/posts' });

잘 부탁드립니다.

Vue에서 $는 Vue 인스턴스 속성 또는 Vue 인스턴스 메서드를 사용하고 있음을 의미합니다.

상세한 것에 대하여는, 메뉴얼을 참조해 주세요.

$: vue 인스턴스 속성을 사용자 정의 속성과 구별합니다.

그$기호는 Vue 인스턴스에서 속성 이름의 접두사로 사용됩니다.이렇게 하면 개발자가 현재 속성을 재정의하지 않고 Vue 프로토타입에 Vue 인스턴스 속성이 주입되는 것을 방지할 수 있습니다.기본적으로 Vue 인스턴스 속성은 사용자나 다른 라이브러리 개발자가 Vue 인스턴스에 주입할 수 있는 속성과는 구분됩니다.

예를들면.Vue 인스턴스가 감시하는 데이터에 액세스하려면 다음을 사용할 수 있습니다.vm.$dataVue 인스턴스를 다음 변수에 할당했다고 가정합니다.vm.

SFC(Single File Components)에 있는 경우 위의 방법 대신this키워드를 지정합니다.다음과 같은 경우:

<script>
  export default {
    name: 'mySFCComponentName',
   data() {
     return {
       myData: [1, 2, 3]
    }
   },
  mounted() {
   console.log(this.$data)
  }
 }
</script>

위의 스니펫을 보면, 제가 사용하고 있는 것을 알 수 있습니다.$data를 경유한 인스턴스의 속성this키워드를 지정하여 Vue 인스턴스가 감시하는 데이터에 액세스합니다.

이게 도움이 됐으면 좋겠어요.고마워요.

언급URL : https://stackoverflow.com/questions/55569477/vue-what-does-means