vue.js 2를 사용하여 텍스트를 얻는 방법은 무엇입니까?

Question

내가 가진 :

<span class="badge" id="total">10</span> 

내가 jQuery를 사용하는 경우 :

$('#total').text() 

어떻게 vue.js 2를 사용하는 경우 그것을 얻을 수 있나요?

Answer 1

왜 HTML이 그렇게 보이나요?

Vue 응용 프로그램에서 요구하는 것을 수행 할 필요가 없습니다. MVVM 응용 프로그램을 사용하면 같은 거라고 : 다음

new Vue({ 
    data: { 
    total: 10, 
    }, 
}) 

을 같이 템플릿 :

<span class="badge" id="total">{{ total }}</span> 

그런 식으로, 당신은 DOM이 자동으로 업데이트됩니다 this.total = 12을 설정하고 this.total 항상됩니다 VM에서 당신의 총계를 돌려 보내십시오.