모/자 어셈블리 간의 데이터 전송
3401 단어 모/자 어셈블리 간의 데이터 전송vue
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="./vue.js"/>
<!-- <script src="http://cdn.staticfile.org/vue/2.6.10/vue.common.dev.js"></script> -->
<div id="root">
// : , js , , <br/>
<counter :count="1"/>
<counter :count="2"/>
</div>
<script type="text/javascript">
//
// ,
var counter = {
props: ["count"], //
data: function() {
return {
number: this.count // count , data number
}
},
/*template: "<div @click='handleClick'>{{count}}</div>",*/
// ,
template: "<div @click='handleClick'>{{number}}</div>",
methods: {
handleClick: function() {
/*// , : !
this.count++ */
// number++, count++
this.number++
}
}
}
var vm = new Vue({
el: "#root",
components: {
counter: counter
}
})
</script>
</code></pre>
<p> :</p>
<pre><code>
<title/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="./vue.js"/>
<!-- <script src="http://cdn.staticfile.org/vue/2.6.10/vue.common.dev.js"></script> -->
<div id="root">
// : , js , , <br/>
// , handleInc <br/>
<counter :count="3"/>
<counter :count="2"/>
<div>{{total}}</div>
</div>
<script type="text/javascript">
//
// ,
var counter = {
props: ["count"],
data: function() {
return {
number: this.count
}
},
// ,
template: "<div @click='handleClick'>{{number}}</div>",
methods: {
handleClick: function() {
this.number++
// , change , , 1( , change)
this.$emit("change", 1)
}
}
}
var vm = new Vue({
el: "#root",
components: {
counter: counter
},
data: {
total: 5
},
methods: {
// step( this.$emit("change", 1) 1), , step
handleInc: function(step) {
this.total += step
}
}
})
</script>
</code></pre>
</div>
</div>
</div>
</div>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
v-bind를 사용하여 CSS에 대한 Vue3 상태애플리케이션을 더 동적으로 만들기 위해 Vue는 동적 상태를 템플릿 내부의 마크업에 연결할 수 있도록 합니다. 예를 들어 특정 기준이 충족되는 경우에만 요소에 클래스를 적용할 수 있습니다. 그러나 구성 요소 상태가 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.