vue 지시문에 삽입된 것과 바인딩된 것의 차이점은 무엇입니까?

vue 지시문에 삽입된 것과 바인딩된 것의 차이점은 무엇입니까?

지시문에 삽입된 것을 사용한 적은 없지만, 다른 지시문에 삽입된 것을 보았습니다.

vue의 공식 문서에는 다음과 같이 적혀 있습니다.

bind: 디렉티브가 처음 요소에 바인드되었을 때 호출되는 것은 1회뿐입니다.여기서 일회성 셋업 작업을 수행할 수 있습니다.

inserted: 바인드된 요소가 부모 노드에 삽입되었을 때 호출됩니다(이것은 부모 노드의 존재만을 보증하는 것이지 반드시 부모 노드의 존재는 아닙니다).

나는 차이를 구별할 수 없었다.그것에 대한 사용 사례가 있습니까?

네, 알겠습니다.의사가 하는 말은 완전히 사실이야.

bind: function (el) {
    console.log(el.parentNode)  // null
    console.log('bind')
},

inserted: function (el) {
    console.log(el.parentNode)  // <div id="app">...</div>
    console.log('inserted')
}

업데이트와 컴포넌트의 차이점업데이트

update: function (el) {
    console.log(el.innerHTML)   // Hello, before updated
    console.log('update')
},
componentUpdated: function (el) {
    console.log(el.innerHTML)   // Hi, after updated
    console.log('componentUpdated')
}

해답은 에서 나온다.

https://imys.net/20161216/vue-custom-directive-hook.html

언급URL : https://stackoverflow.com/questions/43817591/whats-the-different-between-inserted-and-bind-in-vues-directive