close
<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>
arrow
arrow
    文章標籤
    Vue
    全站熱搜

    code學習筆記中心 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄