<div id="app">
<div>
你已經點擊 <button class="btn btn-outline-secondary btn-sm" @click="counter += 1">{{ counter }}</button> 下。
</div>
<div>
你已經點擊 <button class="btn btn-outline-secondary btn-sm" @click="counter += 1">{{ counter }}</button> 下。
<counter-component></counter-component>
</div>
</div>
<script>
// 請在此撰寫 JavaScript
// vue compoent 可以新建元件
格式如下
一定要接function 和return
Vue.component('counter-component',{
data:function(){
return{counter:1}
},
template:` <div>
你已經點擊 <button class="btn btn-outline-secondary btn-sm" @click="counter += 1">{{ counter }}</button> 下。
</div>`
})
var app = new Vue({
el: '#app',
data: {
counter: 0
},
});
</script>
請先 登入 以發表留言。